/* vcm-base */
@font-face{font-family:'VCM Heros';src:url('https://vcmmedical.nl/wp-content/themes/vcm-theme/assets/fonts/texgyreheros-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'VCM Heros';src:url('https://vcmmedical.nl/wp-content/themes/vcm-theme/assets/fonts/texgyreheros-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'VCM Heros Cn';src:url('https://vcmmedical.nl/wp-content/themes/vcm-theme/assets/fonts/texgyreheroscn-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}body{margin:0;background:#FFFFFF}:root{--ui-border:#6F8FB5;--muted:#566175}.v ::placeholder{color:var(--muted);opacity:1}.v{--navy:#031B4E;--navy2:#0A2A63;--navy-line:#22396A;--blue:#0060A9;--blue-d:#004C87;--ice:#F0F7FD;--grid:#D7E7F6;--grid2:#EDF4FB;--ink:#0E1726;--slate:#4A5668;--line:#D6DEE8;--cyan:#5CC8D0;--silver:#AAABAD;--ok:#1C6B3A;--ok-bg:#E3F3E8;--warn:#8A4B00;--warn-bg:#FFF3DF;--sans:'Helvetica Neue LT Std','VCM Heros','Helvetica Neue',Helvetica,Arial,sans-serif;--cond:'Helvetica Neue LT Std Cn','VCM Heros Cn','Arial Narrow',sans-serif;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;width:100%;overflow-x:hidden;overflow-x:clip;background:#FFFFFF}.v *{box-sizing:border-box}.v h1,.v h2,.v h3,.v h4,.v p,.v ul,.v ol,.v figure,.v dl,.v dd{margin:0}.v ul,.v ol{padding:0;list-style:none}.v a{color:inherit;text-decoration:none}.v a:focus-visible,.v button:focus-visible,.v select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.v img{display:block}.paper{background-color:#FFFFFF;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid2) 1px,transparent 1px),linear-gradient(90deg,var(--grid2) 1px,transparent 1px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1px -1px}.wrap{max-width:1312px;margin:0 auto;padding:0 32px}.kick{font-size:16px;font-weight:700;color:var(--blue);line-height:1.3}.d1{font-family:var(--cond);font-weight:700;font-size:96px;line-height:.92;letter-spacing:-.012em;color:var(--navy)}.d2{font-family:var(--cond);font-weight:700;font-size:68px;line-height:.94;letter-spacing:-.008em;color:var(--navy)}.d3{font-family:var(--cond);font-weight:700;font-size:44px;line-height:1;color:var(--navy)}.lead{font-size:19px;line-height:1.55;color:#3C4859}.txt{font-size:17px;line-height:1.6;color:var(--slate)}.v .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:8px 24px;text-align:center;line-height:1.2;border-radius:4px;background:var(--blue);color:#FFFFFF;font-weight:700;font-size:16px;border:none;font-family:inherit;cursor:pointer}.v .btn:hover{background:var(--blue-d)}.v .btn.ghost{background:#FFFFFF;color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}.v .btn.white{background:#FFFFFF;color:var(--navy)}.v .btn.wline{background:transparent;color:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}.v .btn.ghost:hover,.v .btn.white:hover{background:var(--ice)}.v .btn.wline:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px #FFFFFF}.v .lnk{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.tr{display:block;width:100%;overflow:visible}.tr path{fill:none;stroke:var(--blue);stroke-width:1.75;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1;padding:6px 9px;border-radius:3px;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.zk{background:#E3ECF8;color:var(--navy)}.badge.zk::before{background:var(--navy)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.util{background:var(--navy);color:#C9D3E4;font-size:13px}.util .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:24px}.util .l,.util .r{display:flex;gap:28px;align-items:center}.util .tel{display:inline-flex;gap:8px;align-items:center;color:#FFFFFF;font-weight:700}.hd{position:relative;z-index:30;background:#FFFFFF}.hd .top{display:flex;align-items:center;gap:32px;min-height:76px}.logo{display:inline-flex;align-items:center;flex:none}.logo-img{display:block;height:48px;width:auto;max-width:none}.ft .logo-img{height:64px}.logo .vc{font-size:33px;font-weight:700;letter-spacing:-.045em;color:var(--silver);line-height:1}.logo .m{width:37px;height:37px;border-radius:50%;background:var(--blue);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;letter-spacing:-.04em;line-height:1;padding-bottom:3px;margin-left:1px}.logo .med{margin-left:8px;font-size:21px;color:var(--silver);letter-spacing:.01em}.logo .med i{color:var(--blue);font-family:Georgia,'Times New Roman',serif}.hd .search{flex:1;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid var(--ui-border);border-radius:4px;color:#5B6678;font-size:15px;max-width:520px;background:#FFFFFF}.links{display:flex;align-items:center;gap:4px;margin-left:auto}.links>a,.links>.sw>a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-size:15px;font-weight:700;color:var(--navy)}.links .cart{width:46px;justify-content:center;padding:0;background:var(--blue);color:#FFFFFF;border-radius:4px;position:relative}.links .cart i{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:var(--navy);color:#FFFFFF;font-size:12px;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF}.links .menu{display:none}@media (min-width:1121px) and (max-width:1359px){.hd .top{gap:clamp(12px,1.6vw,24px)}.hd .search{min-width:140px}.hd .search input{width:0;min-width:0}.links{flex-shrink:0}}.nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#FFFFFF}.nav>.wrap{display:flex;gap:2px;align-items:center}.nav .vk{display:inline-flex;align-items:center;gap:6px;min-height:50px;padding:0 14px;font-size:15px;font-weight:700;color:var(--navy);border-bottom:3px solid transparent;margin-bottom:-1px}.nav .vk:first-child{padding-left:0}.nav .vk svg{color:#7E8BA0}.nav .vk.on{border-bottom-color:var(--blue);color:var(--blue)}.nav .vk.on svg{color:var(--blue);transform:rotate(180deg)}.nav .side{margin-left:auto;display:flex;gap:24px;font-size:14px;color:var(--slate)}.mega{position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border-bottom:1px solid var(--line);box-shadow:0 32px 48px -28px rgba(3,27,78,.35)}.mega .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 380px;gap:44px;padding-top:36px;padding-bottom:28px}.mega h3,.mega .mh{margin-top:0;font-size:14px;font-weight:700;color:var(--slate);padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.mega li a{display:block;padding:10px 0}.mega li b{display:block;font-size:16px;color:var(--navy);line-height:1.3}.mega li span{display:block;font-size:14px;color:var(--slate);margin-top:3px;line-height:1.4}.mega li a:hover b{color:var(--blue)}.mega .feat{display:flex;flex-direction:column;background:var(--ice)}.mega .feat img{width:100%;height:190px;object-fit:cover;object-position:50% 30%}.mega .feat div{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}.mega .feat b{font-size:18px;color:var(--navy);line-height:1.3}.mega .feat p{font-size:15px;color:var(--slate);line-height:1.5}.mega .mfoot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:12px 32px;font-size:15px;color:var(--slate)}.mega .mfoot a{font-weight:700;color:var(--navy)}.ft{background:var(--navy);color:#C9D3E4;position:relative}.ft .trace{height:56px;border-bottom:1px solid var(--navy-line)}.ft .trace path{stroke:var(--cyan);stroke-width:1.5}.ft .cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:40px;padding-top:64px;padding-bottom:56px}.ft .logo .vc,.ft .logo .med{color:#C9CDD3}.ft .logo .med i{color:var(--cyan)}.ft .about{display:flex;flex-direction:column;gap:20px;font-size:15px;line-height:1.6}.ft .about .tel{font-family:var(--cond);font-weight:700;font-size:40px;line-height:1;color:#FFFFFF}.ft h2{font-size:15px;font-weight:700;color:#FFFFFF;margin-bottom:14px}.ft nav a{display:block;padding:6px 0;font-size:15px}.ft nav a:hover{color:#FFFFFF}.ft .legal{border-top:1px solid var(--navy-line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:22px;padding-bottom:28px;font-size:13px;color:#A9B7D0}.ft .legal div{display:flex;flex-wrap:wrap;gap:8px 24px}.ff{background:#FFFFFF;color:var(--ink);padding:36px;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px}.ff label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--navy)}.ff .full{grid-column:1/-1}.ff input,.ff textarea{font:inherit;font-size:16px;font-weight:400;min-height:50px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:4px;color:var(--ink);background:#FFFFFF}.ff textarea{min-height:96px;resize:vertical}.ff fieldset{grid-column:1/-1;border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ff legend{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:10px;padding:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #9DB9D8;border-radius:4px;font-size:15px;color:var(--navy)}.chips span.on{background:var(--navy);border-color:var(--navy);color:#FFFFFF}.ff .row2{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:6px}.ff small{font-size:14px;line-height:1.45}.ff .row2 small{font-size:13px;color:var(--slate);max-width:28em;line-height:1.45}@media (max-width:900px){.ff{grid-template-columns:minmax(0,1fr);padding:24px}}.intent{background:var(--ice);border-bottom:1px solid var(--line)}.intent .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.intent a{display:flex;align-items:center;gap:14px;padding:16px 16px 16px 20px;border-left:1px solid #CFE0F2;color:var(--blue)}.intent a:first-child{border-left:none;padding-left:0}.intent a:hover{background:#E6F0FA}.intent b{display:block;font-size:16px;line-height:1.25;color:var(--navy)}.intent small{display:block;font-size:13px;line-height:1.35;color:var(--slate);margin-top:2px}.intent a.urgent svg{color:#C2410C}@media (max-width:900px){.intent .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0}.intent a{border-left:none;border-bottom:1px solid #CFE0F2;padding:12px 16px}.intent a:first-child{padding-left:16px}.intent small{display:none}}.sg{position:relative;height:76px;overflow:hidden;border-top:1px solid var(--grid);border-bottom:1px solid var(--grid)}.sg .lab{position:absolute;left:var(--vcm-gutter,96px);top:50%;transform:translateY(-50%);font-size:12px;color:#5B6678;z-index:1}.sg svg{position:absolute;left:calc(var(--vcm-gutter,96px) + 94px);top:12px;width:calc(100% - var(--vcm-gutter,96px) - 94px);height:52px}.sg.sm svg{top:18px;height:40px}.sg.dark{background:var(--navy);border-color:var(--navy-line)}.sg.dark .lab{color:#8FA0BD}.sg.dark path{stroke:var(--cyan);stroke-width:1.5}.eegs{margin-top:auto;display:flex;flex-direction:column;gap:2px}.eegs .ch svg{height:38px}@media (prefers-reduced-motion:no-preference){.row:hover .tr,.sys .list a:hover .tr{animation:sweep 1s cubic-bezier(.35,.1,.2,1) both}.eegs .ch svg,.eeg .ch svg{animation:sweep 2.6s cubic-bezier(.35,.1,.2,1) both}.eegs .ch:nth-child(2) svg,.eeg .ch:nth-child(2) svg{animation-delay:.25s}.eegs .ch:nth-child(3) svg,.eeg .ch:nth-child(3) svg{animation-delay:.5s}}@keyframes sweep{from{clip-path:inset(-10px 100% -10px 0)}to{clip-path:inset(-10px -10px -10px 0)}}.crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--slate)}.crumb a{color:var(--blue);font-weight:700}.subnav{position:relative;z-index:5;background:#FFFFFF;border-bottom:1px solid var(--line)}.subnav .wrap{display:flex;align-items:center;gap:28px;min-height:64px}.subnav b{font-family:var(--cond);font-size:26px;color:var(--navy)}.subnav a{font-size:15px;font-weight:700;color:var(--navy)}.subnav .btn{margin-left:auto;min-height:44px;white-space:nowrap}.list{border-top:2px solid var(--navy)}.list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.list b{display:block;font-size:18px;color:var(--navy)}.list span{display:block;font-size:14px;color:var(--slate);margin-top:3px}.list svg{color:var(--blue)}.list a:hover b{color:var(--blue)}.list .lock{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--slate);white-space:nowrap}@media (max-width:900px){.subnav a:not(.btn){display:none}.wrap{padding:0 20px}.sg .lab{left:20px}.sg svg{left:114px;width:calc(100% - 114px)}.d1{font-size:58px}.d2{font-size:46px}.d3{font-size:34px}.lead{font-size:17px}.txt{font-size:16px}.util .l span,.util .l a:not(.tel),.util .r{display:none}.ft .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 20px;padding-top:40px}.ft .about{grid-column:1/-1}}@media (max-width:1120px){.nav,.links a.acc,.links a.txt{display:none}/* het zoekveld blijft staan (parts.css,blok "Kop (zoeken-reeks)") */ .links .menu{display:inline-flex}.hd .top{min-height:64px;gap:12px;border-bottom:1px solid var(--line)}.mega{display:none}}@media (max-width:900px){.logo .vc{font-size:27px}.logo .m{width:30px;height:30px;font-size:21px}.logo .med{font-size:17px}.logo-img{height:38px}}.oc{background:var(--navy);color:#FFFFFF;padding:96px 0}.oc .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}.oc .kick{color:var(--cyan)}.oc .d2{color:#FFFFFF}.oc p{font-size:18px;line-height:1.55;color:#D5DDEA}.ocl{display:flex;flex-direction:column;gap:22px}.mini{background:#FFFFFF;color:var(--ink);padding:28px}.mini h3{font-size:15px;font-weight:700;color:var(--slate);padding-bottom:12px;border-bottom:1px solid var(--line)}.mini ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px}.mini li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #EEF2F7;font-size:16px}.mini li b{font-family:var(--cond);font-size:26px;color:var(--navy);min-width:40px;text-align:right}.res{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.res div{padding:18px 20px;background:var(--ice)}.res div.win{background:var(--blue);color:#FFFFFF}.res span{display:block;font-size:14px;line-height:1.4}.res b{display:block;font-family:var(--cond);font-weight:700;font-size:56px;line-height:1;margin-top:6px}.res .win span{color:#DCE9F7}.res div:not(.win) b{color:var(--navy)}.res .oc-t{font-weight:700;font-size:15px;color:var(--navy)}.res .win .oc-t{color:#FFFFFF}.res .oc-s{margin-top:2px;color:var(--slate)}.res small{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #C9D9EA;font-size:14px;line-height:1.35;color:var(--slate)}.res .win small{border-top-color:rgba(255,255,255,.35);color:#DCE9F7}.oc-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#FFFFFF;color:var(--navy);box-shadow:0 0 0 3px #FFFFFF,inset 0 0 0 2px var(--navy);display:flex;align-items:center;justify-content:center;font:700 14px var(--cond);font-style:normal;text-transform:uppercase}.mini .note{margin-top:16px;font-size:14px;line-height:1.45;color:var(--slate)}.oc .mini p.note{font-size:14px;color:var(--slate)}.oc .ocl p.oc-sm{margin-top:-10px;font-size:15px;line-height:1.45;color:#C9D3E4}.oc .mini p.oc-vh{margin-top:20px;font-size:15px;line-height:1.35;color:var(--navy)}.oc .mini p.oc-vh b{display:block;font-family:var(--cond);font-size:22px;line-height:1.1}.oc .mini p.oc-vh span{font-size:14px;color:var(--slate)}.oc .mini p.oc-vh + .res{margin-top:12px}.oc .mini p.oc-diff{margin-top:12px;padding:12px 16px;background:var(--ice);border-left:4px solid var(--blue);font-size:15px;line-height:1.4;color:var(--navy)}.oc .mini p.oc-diff b{font-family:var(--cond);font-size:22px;color:var(--blue)}.kb{padding:96px 0}.kbh{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.kbg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.kbg a{border-top:2px solid var(--navy);padding-top:18px;display:flex;flex-direction:column;gap:10px}.kbg small{font-size:14px;font-weight:700;color:var(--blue)}.kbg b{font-size:21px;line-height:1.3;color:var(--navy)}.kbg a:hover b{color:var(--blue)}.demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line)}.demo figure{position:relative;min-height:520px}.demo figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.dt{padding:88px 96px 88px 72px;display:flex;flex-direction:column;gap:22px}.dt .tel{font-family:var(--cond);font-weight:700;font-size:44px;color:var(--blue);line-height:1}.demo figure.prod{background:#FFFFFF}.demo figure.prod img{object-fit:contain;padding:48px}.v .vh .hi img{object-position:22% 50%}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:760px;border-bottom:1px solid var(--grid)}.ht{position:relative;padding:88px 56px 196px 96px;display:flex;flex-direction:column;gap:28px}.ht .lead{max-width:29em}.ctas{display:flex;flex-wrap:wrap;gap:12px}.eeg{position:absolute;left:96px;right:0;bottom:44px;display:flex;flex-direction:column;gap:2px}.ch{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center}.ch span{font-size:11px;color:#5B6678;letter-spacing:.02em}.ch svg{height:38px}.ch path{stroke-width:1.4}.hi{position:relative;min-height:420px}.hi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hi figcaption{position:absolute;left:0;bottom:0;background:var(--navy);color:#FFFFFF;font-size:14px;line-height:1.45;padding:14px 20px;max-width:340px}.mont{padding:104px 0 96px}.mh{display:grid;grid-template-columns:minmax(0,1fr) 340px 40px;gap:40px;align-items:end;margin-bottom:44px;padding-right:24px}.mh p{font-size:17px;line-height:1.55;color:var(--slate);grid-column:2/4}.rows{border-top:2px solid var(--navy)}.row{display:grid;grid-template-columns:340px minmax(0,1fr) 340px 40px;align-items:center;gap:40px;min-height:116px;padding:0 24px;border-bottom:1px solid #C9DDF1;transition:background-color .15s}.row:hover{background:rgba(240,247,253,.9)}.row .lab{font-family:var(--cond);font-weight:700;font-size:46px;line-height:1;color:var(--navy)}.row .tr{height:72px}.row .what{display:block;font-size:17px;font-weight:700;color:var(--navy);line-height:1.35}.row .who{display:block;margin-top:6px;font-size:14px;color:var(--slate)}.go{width:40px;height:40px;border-radius:50%;border:1.5px solid #9DB9D8;display:flex;align-items:center;justify-content:center;color:var(--blue);transition:background-color .15s,color .15s,border-color .15s}.row:hover .go{background:var(--blue);border-color:var(--blue);color:#FFFFFF}.klant{background:var(--navy);color:#FFFFFF}.klant .wrap{display:grid;grid-template-columns:300px repeat(4,minmax(0,1fr))}.klant h2{font-family:var(--cond);font-weight:700;font-size:44px;line-height:.98;padding:56px 32px 56px 0}.klant h2 span{display:block;color:var(--cyan)}.k{padding:56px 28px;border-left:1px solid var(--navy-line);display:flex;flex-direction:column;gap:10px;transition:background-color .15s}.k svg{color:var(--cyan);margin-bottom:8px}.k b{font-size:19px;line-height:1.25}.k span{font-size:15px;color:#B8C4D9;line-height:1.5}.k:hover{background:var(--navy2)}.band{position:relative;min-height:640px;color:#FFFFFF;display:flex;align-items:center;background:var(--navy);overflow:hidden}.band img{position:absolute;top:0;left:24%;width:76%;height:100%;object-fit:cover;object-position:50% 40%}.band::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031B4E 0%,#031B4E 25%,rgba(3,27,78,.55) 36%,rgba(3,27,78,0) 50%);z-index:1}.band .wrap{position:relative;z-index:2;width:100%}.bt{max-width:500px;display:flex;flex-direction:column;gap:22px}.bt .kick{color:var(--cyan)}.bt .d2{color:#FFFFFF}.bt p{font-size:18px;line-height:1.55;color:#D5DDEA}.bt .ctas{margin-top:4px}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hi{order:-1;height:300px;min-height:0}.hi figcaption{font-size:13px;padding:10px 14px;max-width:260px}.ht{padding:36px 20px 150px;gap:20px}.eeg{left:20px;right:20px;bottom:24px}.mont{padding:56px 0 48px}.mh{grid-template-columns:minmax(0,1fr);gap:16px;padding-right:0}.mh p{grid-column:auto}.row{grid-template-columns:minmax(0,1fr) 40px;gap:8px 16px;padding:20px 0;min-height:0}.row .lab{font-size:36px}.row .tr{height:44px;grid-column:1/-1;order:3}.row>span:nth-child(3){grid-column:1/-1;order:2}.row .go{grid-row:1;grid-column:2}.klant .wrap{grid-template-columns:minmax(0,1fr)}.klant h2{padding:40px 0 16px;font-size:38px}.k{border-left:none;border-top:1px solid var(--navy-line);padding:22px 0}.band{flex-direction:column;align-items:stretch;min-height:0}.band img{position:relative;left:0;width:100%;height:280px}.band::before{display:none}.band .wrap{padding-top:36px;padding-bottom:48px}.mini ul,.res{grid-template-columns:minmax(0,1fr)}.kbh{flex-direction:column;align-items:flex-start}.kbg{grid-template-columns:minmax(0,1fr);gap:24px}.demo{grid-template-columns:minmax(0,1fr)}.demo figure{min-height:280px}.dt{padding:40px 20px 48px}.oc .wrap{grid-template-columns:minmax(0,1fr);gap:36px}.oc,.kb{padding:56px 0}.mini ul,.res{grid-template-columns:minmax(0,1fr)}.res>.oc-vs{position:relative;left:auto;top:auto;transform:none;order:1;justify-self:center;margin:-10px 0;z-index:1}.res>.win{order:2}}@media (min-width:901px) and (max-width:1439px){.d1{font-size:min(96px,6.667vw)}.d2{font-size:min(68px,4.722vw)}.d3{font-size:min(44px,3.056vw)}}.nb{white-space:nowrap}
/* vcm-parts */
.vhid{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.util .l .hrs{color:#C9D3E4}.util .lang a{display:inline-flex;align-items:center;min-height:26px;padding:0 4px;color:#C9D3E4}.util .lang a[aria-current]{color:#FFFFFF;font-weight:700}.util a:focus-visible,.util button:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}.hd .search{padding:0 6px 0 16px;max-width:460px}.hd .search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px rgba(0,96,169,.25)}.hd .search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);height:100%}.hd .search input::placeholder{color:#5B6678}.hd .search button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;background:var(--navy);color:#FFFFFF;border-radius:3px;font-size:14px;font-weight:700;cursor:pointer}.hd .search button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.links a.contact{background:var(--blue);color:#FFFFFF;border-radius:4px;padding:0 18px;margin-left:8px}.links a.contact:hover{background:var(--navy)}.links .cart{background:#FFFFFF;border:2px solid var(--navy);color:var(--navy);flex:none}.links .cart i{background:var(--blue)}.links button.menu{all:unset;box-sizing:border-box;display:none;align-items:center;justify-content:center;min-height:46px;min-width:46px;color:var(--navy);cursor:pointer}.links button.menu:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.links button.srch{all:unset;box-sizing:border-box;display:none;align-items:center;justify-content:center;min-height:46px;min-width:46px;color:var(--navy);cursor:pointer}.links button.srch:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.hd a:focus-visible,.hd button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.nav .vkw{display:inline-flex;align-items:center}.nav .vkw .vk{padding-right:2px}.nav .vkw:first-child .vk{padding-left:0}.nav .vkc{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:30px;min-height:50px;color:#7E8BA0;cursor:pointer;margin-bottom:-1px;border-bottom:3px solid transparent}.nav .vkc:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.nav .vkc.on{color:var(--blue);border-bottom-color:var(--blue)}.nav .vkc.on svg{transform:rotate(180deg)}.nav .vk svg{display:none}.nav .side a.on{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:6px}.mega .wrap{row-gap:24px}.mega.m2 .wrap{grid-template-columns:repeat(2,minmax(0,1fr)) 380px}.mega .feat.noimg{justify-content:center;border-left:4px solid var(--blue)}.mega .feat.noimg div{padding:28px 24px}.mega .mbar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:var(--ice);padding:14px 20px;margin-top:-4px}.mega .mbar b{font-size:14px;color:var(--slate);margin-right:6px}.mega .mbar a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--ui-border);border-radius:4px;background:#FFFFFF;font-size:15px;font-weight:700;color:var(--navy)}.mega .mbar a.pri{background:var(--blue);border-color:var(--blue);color:#FFFFFF}.mega .mbar a:hover{border-color:var(--blue)}.mega .mfoot b{color:var(--slate);font-weight:400}.pnl{display:none}@media (max-width:1120px){.links a.contact{display:none}.links button.menu,.links button.srch{display:inline-flex}.links .cart{width:44px;min-height:44px}.links{flex-shrink:0}.pnl.open{display:block;position:absolute;left:0;right:0;top:100%;z-index:40;background:#FFFFFF;border-bottom:1px solid var(--line);box-shadow:0 32px 48px -28px rgba(3,27,78,.35);padding:16px 20px 28px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow:auto}.pnl .psearch{display:flex;align-items:center;gap:8px;height:50px;padding:0 6px 0 14px;border:1px solid var(--ui-border);border-radius:4px}.pnl .psearch input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;background:transparent;color:var(--ink);height:100%}.pnl .psearch button{all:unset;box-sizing:border-box;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;background:var(--navy);color:#FFFFFF;border-radius:3px;font-weight:700;font-size:15px;cursor:pointer}.pnl .psearch:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px rgba(0,96,169,.25)}.pnl .ac{border-bottom:1px solid var(--line)}.pnl .acb{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;min-height:54px;font-family:var(--cond);font-weight:700;font-size:26px;color:var(--navy);cursor:pointer}.pnl .acb svg{color:#7E8BA0;flex:none}.pnl .acb.on svg{transform:rotate(180deg);color:var(--blue)}.pnl .acb:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.pnl .acp{padding:0 0 12px}.pnl .acp a{display:flex;align-items:center;min-height:44px;font-size:16px;color:var(--navy)}.pnl .acp a.all{font-weight:700;color:var(--blue)}.pnl .pl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;margin-top:8px}.pnl .pl a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line);font-size:16px;font-weight:700;color:var(--navy)}.pnl .pcall{margin-top:20px;background:var(--navy);color:#FFFFFF;padding:18px 20px;display:flex;flex-direction:column;gap:4px}.pnl .pcall small{font-size:13px;color:#C9D3E4}.pnl .pcall a{font-family:var(--cond);font-weight:700;font-size:34px;line-height:1.1;color:#FFFFFF}.pnl .pcall a:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}.pnl .pcta{display:flex;gap:10px;margin-top:14px}.pnl .pcta a{flex:1;justify-content:center;display:inline-flex;align-items:center;min-height:48px;border-radius:4px;font-weight:700;font-size:16px}.pnl .pcta .b1{background:var(--blue);color:#FFFFFF}.pnl .pcta .b2{border:2px solid var(--navy);color:var(--navy)}.pnl .plang{margin-top:14px;font-size:14px;color:var(--slate)}.pnl .plang a{display:inline-flex;min-height:44px;align-items:center;padding:0 8px;color:var(--navy);font-weight:700}}.ft a:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}.ft .about a.tel:focus-visible{outline:2px solid #FFFFFF}.ft .about a.li{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}.ft .about a.li:hover{text-decoration-thickness:2px}.vcm-header .mega[hidden],.vcm-header .acp[hidden],.vcm-cbw[hidden],.vcm-cb-set[hidden]{display:none!important}.vcm-header .links .cart i[hidden]{display:none}.vcm-header .sw{display:inline-flex;align-items:center}.vcm-header .links .sw .txt{padding-right:2px}.vcm-header .vkc.x{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:26px;min-height:46px;color:#7E8BA0;cursor:pointer}.vcm-header .vkc.x:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.vcm-header .vkc.x.on{color:var(--blue)}.vcm-header .vkc.x.on svg{transform:rotate(180deg)}.vcm-header .side .sw{gap:0}.vcm-header .side .vkc.x{min-height:50px;width:22px}@media (max-width:1120px){.vcm-header .vkc.x,.vcm-header .nav{display:none}.vcm-header .mega{display:none!important}}.ft .legal .lnkbtn{all:unset;box-sizing:border-box;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:3px}.ft .legal .lnkbtn:hover{color:#FFFFFF}.ft .legal .lnkbtn:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}.ft .fnote{margin-top:-24px;padding-bottom:22px}.ft .fnote .note{font-size:14px;line-height:1.5;color:#A9B7D0;max-width:none;margin:0}.vcm-cbw{position:fixed;left:0;right:0;bottom:0;z-index:100000;width:100%;overflow:visible;background:transparent}.vcm-cb{background:#FFFFFF;border-top:3px solid var(--navy);padding:22px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:center;box-shadow:0 -6px 24px rgba(3,27,78,.12);max-height:90vh;overflow:auto;color:var(--ink)}.vcm-cb:focus{outline:none}.vcm-cb:focus-visible{outline:3px solid var(--blue);outline-offset:-6px}.vcm-cb b{display:block;font-family:var(--cond);font-size:24px;color:var(--navy);margin-bottom:4px}.vcm-cb p{font-size:15px;line-height:1.5;color:var(--ink);max-width:52em}.vcm-cb p a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}.vcm-cbk{display:flex;flex-wrap:wrap;gap:10px}.v .vcm-cbk .btn,.v .vcm-cb-set .btn{min-height:48px;padding:0 20px;white-space:nowrap}.vcm-cb-set{border:0;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:12px;min-width:0}.vcm-cb-set legend{font-weight:700;font-size:15px;color:var(--navy);padding:0}.vcm-cb-opt{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ink);cursor:pointer}.vcm-cb-opt input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--blue)}.vcm-cb-opt b{display:inline;font-family:inherit;font-size:15px;margin:0}.vcm-cb-set .btn{justify-self:start}@media (max-width:900px){.vcm-cb{grid-template-columns:minmax(0,1fr);padding:20px 18px}.vcm-cbk{flex-direction:column}.v .vcm-cbk .btn{width:100%}}.skip-link.screen-reader-text:focus{background:#FFFFFF;color:var(--navy,#031B4E);clip:auto!important;clip-path:none;display:block;height:auto;left:8px;top:8px;padding:14px 22px;width:auto;z-index:100001;font-weight:700;text-decoration:underline;box-shadow:0 0 0 3px #0060A9}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;margin:0;overflow:visible}.vcm-header .nav .side{align-items:center}.vcm-header .side .vkc.x{min-height:30px;width:22px}.mega .feat{min-height:240px}.mega .feat img{background:#DCE9F6}.vcm-header .nav .vkc:focus-visible,.vcm-header .vkc.x:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;box-shadow:none}@media (min-width:1121px){.vcm-header .util .wrap{min-height:30px}.vcm-header .hd .top{min-height:64px}.vcm-header .nav .vk,.vcm-header .nav .vkc,.vcm-header .nav .vkc.x{min-height:44px}}.pnl .pq{display:none}@media (max-width:1120px){.pnl .pq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.pnl .pq a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 10px;border:2px solid var(--navy);border-radius:var(--r-sm,6px);background:#FFFFFF;color:var(--navy);font-size:16px;font-weight:700;line-height:1.2;text-align:center}.pnl .pq a.q1{border-color:#C2410C;color:#9A3412}.pnl .pq a.q2{border-color:var(--blue);background:var(--blue);color:#FFFFFF}.pnl .pq a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.pnl .pq a.q2:focus-visible{outline-color:var(--navy)}}/* Storingstekst per tijdstip: binnen kantoortijd "Storing? Bel <nummer>" (.tin);erbuiten alleen het nummer (.tout) en de tekst uit Bedrijfsgegevens (.vcm-off-msg,link naar het storingsformulier). data-hours wordt bij het laden door PHP gezet en door chrome.js bijgehouden. */ .util .vcm-open[hidden]{display:none}.util .tin,.util .tout{font-style:normal}.util .tout,.util .l .vcm-off-msg{display:none}/* .l: wint van polish.css (.util a[href*="storing"]) */ .util .vcm-off-msg{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.55)}.util .vcm-off-msg:hover{text-decoration-color:#FFFFFF}.util[data-off][data-hours="closed"] .tin{display:none}.util[data-off][data-hours="closed"] .tout{display:inline}.util[data-off][data-hours="closed"] .l .vcm-off-msg{display:inline-flex}.util[data-off][data-hours="closed"] .l>a:not(.tel):not(.vcm-off-msg),.util[data-off][data-hours="closed"] .l .hrs{display:none}@media (min-width:1121px) and (max-width:1359px){.util[data-off][data-hours="closed"] .l .vcm-open{display:none}}@media (max-width:1120px){.vcm-header .util .wrap{min-height:32px}.util .l{gap:2px 16px;flex-wrap:wrap}.util .l>a:not(.tel):not(.vcm-off-msg),.util .l .hrs,.util .r{display:none}.hd .search{display:flex;flex:1 1 auto;min-width:0;max-width:460px;height:44px;padding:0 6px 0 14px}.hd .search input{width:auto}}/* 0.3.54: de status "Nu bereikbaar" / "Nu gesloten" staat ook op tablet en telefoon (eerder alleen 700 tot 1120 px,en buiten kantoortijd nooit). Twee teksten: .vo-l (lang) en .vo-s (kort,onder 700 px). */ .util .vcm-open i{font-style:normal}.util .vcm-open .vo-s{display:none}@media (max-width:1120px){.util .l .vcm-open:not([hidden]),.util[data-off][data-hours="closed"] .l .vcm-open:not([hidden]){display:inline-flex}}@media (max-width:699px){.hd .top{position:relative;gap:10px}.hd .search{max-width:none;gap:8px;padding:0 10px 0 12px}.hd .search button[type="submit"]{display:none}.hd .search input{font-size:16px}.hd .search[data-vcm-suggest]{position:static}.hd .top .vsg{left:12px;right:12px}.util .vcm-open .vo-l{display:none}.util .vcm-open .vo-s{display:inline}.util .l{align-items:center}.util[data-off][data-hours="closed"] .l{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;padding-block:5px;line-height:1.4}.util[data-off][data-hours="closed"] .l .tel{display:inline-flex;min-height:0;padding-block:0;order:1}.util[data-off][data-hours="closed"] .l .vcm-open:not([hidden]){order:2}.util[data-off][data-hours="closed"] .l .vcm-off-msg:not([hidden]){display:block;flex:1 0 100%;order:3;min-height:0;padding-block:0}}@media (max-width:380px){.hd .search{gap:6px;padding:0 8px 0 10px}.hd .search svg{width:17px;height:17px}}
/* vcm-page */
.crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--slate)}.crumb a{color:var(--blue);font-weight:700}.pcH{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);border-bottom:1px solid var(--grid)}.pcT{padding:56px 72px 64px 96px;display:flex;flex-direction:column;gap:22px}.pcT .d1{font-size:88px;line-height:.92}.pcT .lead{max-width:32em}.pcA{background:var(--navy);color:#FFFFFF;padding:64px 56px 56px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.pcA .kick{color:var(--cyan)}.pcA h2{font-family:var(--cond);font-weight:700;font-size:36px;line-height:1}.pcA p{font-size:16px;line-height:1.55;color:#D5DDEA}.pcA .tel{font-family:var(--cond);font-weight:700;font-size:44px;line-height:1;color:#FFFFFF}.pcA .mail{font-size:17px;font-weight:700;color:var(--cyan)}.pcA dl{margin-top:auto;border-top:1px solid var(--navy-line);padding-top:16px;padding-bottom:40px;display:grid;gap:10px;font-size:15px;color:#D5DDEA;position:relative;z-index:1}.pcA dt{color:#8FA0BD;font-size:13px}.pcA .tr{position:absolute;left:0;right:0;bottom:0;height:48px;opacity:.55}.pcA .tr path{stroke:var(--cyan);stroke-width:1.5}.pcB{padding:88px 0 112px;background:#FFFFFF}.pcG{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;align-items:start}.pcN{position:sticky;top:var(--vcm-sticky-top,24px);border-top:2px solid var(--navy)}.pcN b{display:block;padding:14px 0 6px;font-size:13px;color:var(--slate);font-weight:700}.pcN a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--navy)}.pcN a:hover{color:var(--blue)}.pcN a:focus-visible,.pcC a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.pcC{display:flex;flex-direction:column;max-width:760px}.pcC section{padding:0 0 44px}.pcC .pcK{font-family:var(--cond);font-weight:700;font-size:44px;line-height:1;color:var(--navy);padding:8px 0 6px;border-top:2px solid var(--navy);scroll-margin-top:24px}.pcC article{padding:26px 0;border-bottom:1px solid var(--line)}.pcC h3{font-family:var(--cond);font-weight:700;font-size:28px;line-height:1.1;color:var(--navy);margin-bottom:10px}.pcC p,.pcC li{font-size:17px;line-height:1.6;color:var(--ink)}.pcC p+p{margin-top:10px}.pcC ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;list-style:disc}.pcC p+ul,.pcC p+ol{margin-top:10px}.pcC ul+p,.pcC ol+p,.pcC ul+h3,.pcC ul+table{margin-top:14px}.pcC .pcV{color:#5B6678;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px}.pcC a.lnk{font-weight:700}.pcbd{display:inline-block;margin-left:10px;vertical-align:middle;padding:3px 8px;border-radius:3px;background:var(--warn-bg);color:var(--warn);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:400;line-height:1.3;white-space:nowrap}.pcC .pcnt{background:var(--ice);border-left:4px solid var(--blue);padding:18px 22px;font-size:16px;line-height:1.55;color:var(--navy)}.pcC table{width:100%;border-collapse:collapse;border-top:2px solid var(--navy);margin-top:18px}.pcC th,.pcC td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}.pcC thead th{font-size:13px;color:var(--slate);font-weight:700}.pcC tbody th{color:var(--navy);font-weight:700}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:900px){.pcH{grid-template-columns:minmax(0,1fr)}.pcT{padding:32px 20px 40px}.pcT .d1{font-size:52px}.pcA{padding:36px 20px 24px}.pcA .tel{font-size:40px}.pcB{padding:48px 0 64px}.pcG{grid-template-columns:minmax(0,1fr);gap:32px}.pcC{min-width:0}.pcT .d1{overflow-wrap:anywhere;font-size:44px}.pcbd{white-space:normal}.pcN{position:static}.pcC .pcK{font-size:36px}.pcC table,.pcC tbody,.pcC tr,.pcC th,.pcC td{display:block}.pcC thead{position:absolute;left:-9999px}.pcC tr{padding:12px 0;border-bottom:1px solid var(--line)}.pcC th,.pcC td{border:none;padding:2px 0}.pcC td::before{content:attr(data-l);display:block;font-size:13px;font-weight:700;color:var(--slate)}}.pcS{display:flex;flex-direction:column;border-top:1px solid var(--line)}.pcR{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.pcR b{display:block;font-size:18px;color:var(--navy)}.pcR span{display:block;font-size:15px;line-height:1.5;color:var(--slate);margin-top:2px}.v .pcSw{all:unset;box-sizing:border-box;min-width:76px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ui-border);border-radius:22px;font-size:15px;font-weight:700;color:var(--navy);background:#FFFFFF;cursor:pointer;font-family:var(--sans)}.v .pcSw.on{background:var(--navy);border-color:var(--navy);color:#FFFFFF}.v .pcSw.dis{cursor:default;opacity:.75}.v .pcSw:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.pcB3{display:flex;flex-wrap:wrap;gap:12px;padding-top:22px}.pcN2{margin-top:14px;padding:14px 18px;background:var(--ok-bg);color:var(--ok);font-size:16px}@media (max-width:900px){.pcB3 .btn{width:100%}}@media (min-width:901px) and (max-width:1439px){.pcT .d1{font-size:min(88px,6.111vw)}}.pcC :is(p,li){max-width:var(--measure,68ch)}
/* vcm-pages-interact */
.v [role="tabpanel"][hidden],.v [data-ca-set][hidden],.v [data-consent-msg][hidden],.v [data-vcm-success][hidden]{display: none !important}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}.v [id]{scroll-margin-top: 24px}/* Actieve sectie in "Op deze pagina"-navigaties. */ .v nav[aria-label="Op deze pagina"] a[aria-current="true"]{color: var(--blue);font-weight: 700}.v .jump a[aria-current="true"],.v .sl-jump a[aria-current="true"],.v .ca-jump a[aria-current="true"],.v .pm-jump a[aria-current="true"]{border-color: var(--blue);box-shadow: inset 0 0 0 1px var(--blue);background: var(--ice)}.v .subnav a[aria-current="true"]{box-shadow: inset 0 -3px 0 var(--blue)}.v .rtN a[aria-current="true"],.v .pcN a[aria-current="true"],.v .vzN a[aria-current="true"]{text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 6px}.v .pcSw[role="switch"]{cursor: pointer}.v .pcSw[role="switch"]:focus-visible{outline: 3px solid var(--blue);outline-offset: 2px}.v .pcN2{margin-top: 14px;padding: 12px 14px;background: var(--ok-bg);color: var(--ok);font-weight: 700;border-radius: 3px}.v .thx{margin-top: 18px;padding: 16px 18px;background: var(--ok-bg);color: var(--ok);border-radius: 3px}.v .thx b{display: block}.v .rtM .vcm-summary{margin-bottom: 18px}/* Uitgeschakelde patiëntgroep bij "Mijn monitor staat er niet bij". */ .v .pm-fm select:disabled{opacity: .55;cursor: not-allowed}.v [role="tab"]:focus-visible,.v .ca-mod:focus-visible,.v nav[aria-label="Op deze pagina"] a:focus-visible{outline: 3px solid var(--blue);outline-offset: 2px}/* Homepage: "Kies uw vakgebied" als zoekveld met zes snelkeuzes (0.3.47). Zonder JavaScript is het veld een gewoon zoekformulier en zijn de kaarten gewone links. */ .vkz .mh{margin-bottom:28px}.vkz-s{position:relative}.vkz-f{display:flex;align-items:center;gap:14px;min-height:64px;box-sizing:border-box;padding:0 22px;background:#FFFFFF;border:1.5px solid #9DB9D8;border-radius:6px;color:var(--slate);cursor:text}.vkz-f:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,96,169,.2)}.vkz-f svg{flex:none}.vkz-f input{flex:1;min-width:0;min-height:48px;border:0;outline:0;background:transparent;font:inherit;font-size:18px;color:var(--ink);-webkit-appearance:none;appearance:none}.v .vkz-f input:focus,.v .vkz-f input:focus-visible{outline:0;box-shadow:none;border:0}.vkz-f input::placeholder{color:#5B6678;opacity:1}.vkz-f input::-webkit-search-cancel-button{cursor:pointer}.vkz .vkz-o{margin:22px 0 14px;font-size:15px;color:var(--slate)}.vkz .vkz-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vkz-c{display:grid;grid-template-columns:88px minmax(0,1fr) 20px;align-items:center;gap:18px;box-sizing:border-box;min-height:96px;padding:14px 20px 14px 16px;background:#FFFFFF;border:1px solid #C9DDF1;border-radius:6px;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,opacity .15s}.vkz-c:hover,.vkz-c:focus-visible{border-color:var(--blue)}.vkz-i{width:88px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--ice);border-radius:4px}.vkz-i img{max-width:76px;max-height:52px;width:auto;height:auto;object-fit:contain}.vkz-t{display:flex;flex-direction:column;gap:4px;min-width:0}.vkz-t b{font-size:20px;line-height:1.15;color:var(--navy)}.vkz-d{font-size:15px;line-height:1.4}.vkz-w{font-size:13px;line-height:1.4;color:var(--slate)}.vkz-a{display:flex;color:var(--blue)}.vkz-g.is-q .vkz-c{opacity:.45}.vkz-g.is-q .vkz-c.hit{opacity:1;box-shadow:inset 0 0 0 2px var(--blue);border-color:var(--blue)}.vkz-n{margin:16px 0 0;font-size:16px;color:var(--slate)}.vkz-n[hidden]{display:none}.vkz-n a{color:var(--blue);font-weight:700}@media (max-width:900px){.vkz .vkz-g{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.vkz-f{padding:0 16px}.vkz-f input{font-size:16px}.vkz-c{grid-template-columns:72px minmax(0,1fr) 18px;gap:12px;padding:12px}.vkz-i{width:72px;height:56px}.vkz-i img{max-width:64px;max-height:46px}}@media (prefers-reduced-motion:reduce){.vkz-c{transition:none}}
/* vcm-shop */
.vcm-shop .sr,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.zre{background:#FFFFFF;border:1px solid var(--line);border-top:2px solid var(--navy);padding:36px 32px;display:flex;flex-direction:column;gap:14px}.zre h2{font-family:var(--cond);font-weight:700;font-size:36px;line-height:1;color:var(--navy)}.zre p{font-size:17px;line-height:1.55;color:var(--slate);max-width:36em}.zre .row,.v .zre .row,.v .zre .row:hover{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;min-height:0;padding:0;border-bottom:0;background:none;box-shadow:none}.vcm-empty{font-size:17px;color:var(--slate);padding:32px 0}.pv{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--muted)}.v :focus-visible{outline-color:var(--blue)}.vcm-price{display:block}.vcm-price-main{font-family:var(--cond);font-weight:700;color:var(--navy);line-height:1}.vcm-price-sub{display:block;font-size:13px;color:var(--slate);margin-top:4px;font-weight:400}.vcm-price-ex{display:block;font-size:13px;color:var(--slate);margin-top:2px;font-weight:400}.prbx .pp .vcm-price-ex{font-size:13px;margin-top:4px}.vcm-price-locked,.vcm-price-quote,.vcm-price-none{display:block;font-weight:700;color:var(--navy);font-size:17px;line-height:1.3}.prbx .pp .vcm-price-main{font-size:44px}.prbx .pp .vcm-price-main span{display:inline;font-size:inherit;color:inherit;margin:0}.prbx .pp .vcm-price-sub{margin-top:6px;font-size:14px}.prbx .pp .vcm-price-sub span{display:inline;margin:0;font-size:inherit;color:inherit}.prbx .pp .vcm-price-locked,.prbx .pp .vcm-price-quote{font-size:22px}.wkp .vcm-price-main,.wkp{font-family:var(--cond)}.zrp strong span,.zrp small span{display:inline}.ctd .pr .vcm-price-main{font-size:34px}.sed .buy .vcm-price-main{font-size:26px}.tea .pr .vcm-price-main{font-size:24px}/* Het fotovak is 3:2 (pages/categorie.css): liggende foto's vullen het, vierkante blijven heel (contain) op een effen vlak zonder ruitjes. */
.ctc .ctp img,.ctp img{width:100%;height:100%;object-fit:contain;display:block}
.ctp:has(>img){background-image:none}
.ctd .ac button.btn,.ctd .ac a.btn{white-space:nowrap}
.ctd .q input,.wkq input,.prbx .q input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.vcm-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.vcm-pagination .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--ui-border);border-radius:4px;color:var(--navy);font-weight:700}
.vcm-pagination .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.vcm-pagination a.page-numbers:hover{border-color:var(--blue)}
.vcm-notices{padding-top:16px;padding-bottom:0}

/* ---------- Productpagina ---------- */
.prbx .ac select,.vcm-standing select{font:inherit;font-size:15px;min-height:44px;padding:0 10px;border:1px solid var(--ui-border);border-radius:4px;background:#FFFFFF}
.vcm-standing{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:700;color:var(--navy)}
.prbx .lnk{font-size:14px}
.prbx .st.wait{color:var(--warn)}
.prbx .ac .btn{flex:1;min-width:160px}
.prsz button{cursor:pointer}
.prz .przg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}

/* ---------- btw-schakelaar in de winkelwagen ---------- */
.v .wkc[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}

/* ---------- Winkelwagen ---------- */
.wkq input{width:44px;text-align:center;font:inherit;font-weight:700;border:0;background:transparent;color:var(--ink);-moz-appearance:textfield;position:static;opacity:1;pointer-events:auto;height:44px}
.wkq input::-webkit-outer-spin-button,.wkq input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wkr a{color:inherit}
.wkr b a:hover{color:var(--blue)}
.v a.wkx{display:inline;cursor:pointer;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;font-size:14px}
.vcm-cart-update{margin-top:18px}
.wks dl > div{display:flex;justify-content:space-between;gap:16px}
.wks .vcm-shipping{display:block}
.wks .vcm-shipping .woocommerce-shipping-totals > span{display:block;font-weight:700;color:var(--navy);margin-bottom:8px}
.wks a.checkout-button{width:100%}
.wks .woocommerce-shipping-destination{font-size:14px;color:var(--slate);margin-top:8px}

/* ---------- Verzendkeuze (winkelwagen + kassa) ---------- */
.vcm-shipping-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);background:#FFFFFF}
.vcm-shipping-list li{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:15px}
.vcm-shipping-list li:last-child{border-bottom:none}
.vcm-shipping-list input{width:20px;height:20px;accent-color:var(--blue);flex:none}
.vcm-shipping-list label{flex:1;cursor:pointer;color:var(--navy);font-weight:700}
.sm .vcm-shipping{padding:16px 28px;border-top:1px solid #CFE0F2}
.sm .vcm-shipping .woocommerce-shipping-totals > span{display:block;font-weight:700;color:var(--navy);margin-bottom:8px;font-size:14px}

/* ---------- Kassa ---------- */
.ckm > form.wrap{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:start}
.rcs.one{grid-template-columns:minmax(0,1fr)}
a.rc{text-decoration:none}
a.rc:hover{border-color:var(--blue)}
.sm .woocommerce-checkout-review-order-table{display:block}
.sm .ln a{color:inherit}
.sm .ln .po input{font:inherit;font-size:14px;width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--ui-border);border-radius:4px;background:#FFFFFF}
.sm .ln .po{grid-column:1/-1}
.sm .ln .rs{grid-column:1/-1}
.sm a.rm{font-size:13px;font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.sm .tt{display:grid}
.sm .tt > div{display:flex;justify-content:space-between}
.sm .tt > div.t{font-size:19px;font-weight:700;color:var(--navy)}

/* Woo-velden in stap 2/3 */
.vcm-fields .woocommerce-billing-fields__field-wrapper,.vcm-fields .woocommerce-shipping-fields__field-wrapper,.fld.vcm-po{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px}
.vcm-fields .form-row{display:flex;flex-direction:column;gap:6px;margin:0}
.vcm-fields .form-row-wide,.vcm-fields .form-row.notes,.vcm-fields .form-row-wide.vcm-customer-type{grid-column:1/-1}
.vcm-fields .form-row label,.vcm-po .form-row label{font-size:14px;font-weight:700;color:var(--navy)}
.vcm-fields .form-row .required{color:#B3261E;text-decoration:none}
.vcm-fields input[type=text],.vcm-fields input[type=email],.vcm-fields input[type=tel],.vcm-fields input[type=password],.vcm-fields select,.vcm-fields textarea,.vcm-po input{font:inherit;font-size:16px;font-weight:400;min-height:50px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:4px;color:var(--ink);background:#FFFFFF;width:100%;box-sizing:border-box}
.vcm-fields textarea{min-height:100px;resize:vertical}
.vcm-fields .woocommerce-input-wrapper{display:block}
.vcm-fields .vcm-customer-type .woocommerce-input-wrapper{display:flex;gap:12px;flex-wrap:wrap}
.vcm-fields .vcm-customer-type label.radio{display:inline-flex;gap:10px;align-items:center;min-height:50px;padding:0 18px;border:1.5px solid #9DB9D8;border-radius:4px;font-weight:700;color:var(--navy);cursor:pointer;background:#FFFFFF}
.vcm-fields .vcm-customer-type label.radio:has(input:checked){border-color:var(--blue);background:var(--ice)}
.vcm-fields .vcm-customer-type input{accent-color:var(--blue);width:18px;height:18px}
.vcm-fields .woocommerce-invalid input,.vcm-fields .woocommerce-invalid select{border-color:#B3261E}
.vcm-fields .shipping_address{grid-column:1/-1}
.vcm-fields #ship-to-different-address{margin-top:8px}
.vcm-fields .woocommerce-shipping-fields,.vcm-fields .woocommerce-additional-fields{margin-top:18px}
.vcm-fields .checkbox{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--navy);cursor:pointer}
.vcm-fields .checkbox input{width:20px;height:20px;accent-color:var(--blue)}
.vcm-org-only{transition:none}
.vcm-hide{display:none!important}

/* Betaalmethoden (Woo markup) in de stijl van .pm2 */
ul.wc_payment_methods{list-style:none;margin:0;padding:0}
.pm2 .wc_payment_method{border-bottom:1px solid var(--line);padding:16px 20px;display:block;background:#FFFFFF}
.pm2 .wc_payment_method:last-child{border-bottom:none}
.pm2 .wc_payment_method > input{width:20px;height:20px;accent-color:var(--blue);vertical-align:middle;margin:0 12px 0 0}
.pm2 .wc_payment_method > label{display:inline;font-size:17px;font-weight:700;color:var(--navy);cursor:pointer}
.pm2 .wc_payment_method:has(> input:checked){background:var(--ice)}
.pm2 .payment_box{margin:8px 0 0 32px;font-size:14px;color:var(--slate)}
.pm2 .payment_box p{margin:0}
.pm2 .payment_box:empty,.pm2 .payment_box p:empty{display:none}
.pm2 .wc_payment_method img{max-height:24px;vertical-align:middle;margin-left:8px}
.fld.vcm-po{margin-top:18px}
.woocommerce-terms-and-conditions-wrapper{margin-bottom:14px}
.woocommerce-form__label-for-checkbox,.validate-required label.checkbox{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:#2C3748;font-weight:400}
.woocommerce-form__label-for-checkbox input{width:22px;height:22px;accent-color:var(--blue);flex:none;margin-top:1px}
.woocommerce-privacy-policy-text p{font-size:14px;color:var(--slate)}
#place_order{width:auto}

/* ---------- Woo-meldingen ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 20px;padding:14px 18px;border-left:4px solid var(--blue);background:var(--ice);font-size:16px;line-height:1.5;color:#2C3748;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
/* als <ul>: base.css (.v ul) haalde marge en binnenruimte weg */
.v ul:is(.woocommerce-message,.woocommerce-info,.woocommerce-error){margin:0 0 20px;padding:14px 18px}
.woocommerce-message{border-left-color:var(--ok);background:var(--ok-bg)}
.woocommerce-error{border-left-color:#B3261E;background:#FDECEA;flex-direction:column;align-items:flex-start}
.woocommerce-message .button,.woocommerce-info .button{margin-left:auto;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.woocommerce-error li{list-style:none}
.woocommerce-NoticeGroup{margin-bottom:12px}

/* ---------- Inloggen ---------- */
.fm .g2 input.full{grid-column:1/-1}
.fm input[type=text].full,.fm input[type=password].full{font:inherit;font-size:16px;font-weight:400;min-height:50px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:4px;color:var(--ink);background:#FFFFFF;width:100%;box-sizing:border-box}
.fm .woocommerce-error,.fm .woocommerce-message{margin-bottom:0}
.of.inl .fm label.f{font-size:14px;font-weight:700;color:var(--navy);grid-column:1/-1}

/* ---------- Mijn VCM ---------- */
.pt-tabs a.pt-tab{display:inline-flex;align-items:center;flex:none;min-height:52px;padding:0 20px;font-size:16px;font-weight:700;color:var(--navy);border-bottom:4px solid transparent;font-family:var(--sans);white-space:nowrap;text-decoration:none}
.pt-tabs a.pt-tab:hover{background:var(--ice)}
.pt-tabs a.pt-tab[aria-current="page"]{color:var(--blue);border-bottom-color:var(--blue)}
.pt-tabs a.pt-tab:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.pt-ls li form{margin-left:12px}
.pt-ls li button.lnk{all:unset;cursor:pointer;color:var(--blue);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pt-ls li button.lnk:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.pt-card form.pt-card{border:none;padding:0}
form.pt-card{display:flex;flex-direction:column;gap:12px}
form.pt-card input[type=text]{font:inherit;font-size:16px;min-height:46px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:4px;background:#FFFFFF}
.pt-tw a.dl{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.vcm-woo-endpoint table{width:100%;border-collapse:collapse}
.vcm-woo-endpoint th,.vcm-woo-endpoint td{padding:10px 8px;border-top:1px solid var(--line);text-align:left}
.vcm-woo-endpoint input[type=text],.vcm-woo-endpoint input[type=email],.vcm-woo-endpoint input[type=password],.vcm-woo-endpoint input[type=tel],.vcm-woo-endpoint select{font:inherit;font-size:16px;min-height:46px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:4px;background:#FFFFFF;max-width:100%}
.vcm-woo-endpoint .form-row{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.vcm-woo-endpoint button.button,.vcm-woo-endpoint .button{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:4px;background:var(--blue);color:#FFFFFF;font-weight:700;border:none;cursor:pointer}

/* ---------- Zoeken ---------- */
.zrt a.zrtab{display:inline-flex;align-items:center;cursor:pointer;padding:14px 18px;font-size:17px;font-weight:700;color:var(--slate);border-bottom:3px solid transparent;min-height:44px;font-family:var(--sans);text-decoration:none}
.zrt a.zrtab.on{color:var(--navy);border-bottom-color:var(--navy)}
.zrt a.zrtab:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.zrs a.chb{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--ui-border);border-radius:4px;font-size:15px;color:var(--navy);background:#FFFFFF;cursor:pointer;font-family:var(--sans)}
.zrs a.chb.on{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.zrs a.chb:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.zrp strong{font-family:var(--cond);font-size:26px;color:var(--navy)}

/* ---------- EMG-naalden en toestel-pagina ---------- */
.vcm-filterform{display:contents}
.sef label.fit input,.sef fieldset label input{accent-color:var(--blue)}
.sed .buy .add{all:unset;box-sizing:border-box;width:44px;height:44px;border-radius:4px;background:var(--blue);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;flex:none}
.sed .buy .add:hover{background:var(--blue-d)}
.sed .buy .add:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.sed .buy form{margin:0}
.sed .lk{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--navy);margin-top:6px}
.sph img{width:100%;height:100%;object-fit:cover}
.tegr.no-set{grid-template-columns:minmax(0,1fr)}
.tea .ad label input{width:64px}
.tea .ad form{margin:0}
.sedv{font-size:14px;line-height:1.5}
.sep form{margin:0}

/* ---------- Overstaphulp ---------- */
.os-tw .os-r[hidden],.tea[hidden],.os-empty[hidden]{display:none}
.os-empty{padding:24px 0;font-size:17px;color:var(--slate)}
.os-tw a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:24px;padding:3px 0}

/* ---------- Kleine schermen ---------- */
@media (max-width:1100px){
  .ckm > form.wrap{grid-template-columns:1fr;gap:40px}
  .prz .przg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .vcm-fields .woocommerce-billing-fields__field-wrapper,.vcm-fields .woocommerce-shipping-fields__field-wrapper,.fld.vcm-po{grid-template-columns:1fr}
  .prz .przg{grid-template-columns:1fr}
  .pt-tabs{overflow-x:auto}
  .wks{position:static}
  .zre{padding:24px 18px}
  .zre h2{font-size:28px}
}

/* WordPress zet de klasse "search" op <body> bij zoekresultaten; base.css heeft een gelijknamige regel voor het zoekveld in de kop. */
body.search{flex:none;display:block;align-items:normal;gap:0;height:auto;padding:0;border:0;border-radius:0;max-width:none;color:inherit;font-size:inherit}

.vcm-shop-notice,.vcm-ordering-closed{margin:0 0 16px;padding:12px 16px;border:1px solid var(--line,#D5DCE6);border-left:4px solid var(--blue);background:#F4F8FC;color:var(--navy);font-size:15px;line-height:1.5;border-radius:4px}
.vcm-ordering-closed{margin:12px 0}

/* Overstapzoeker: voorbeelden en live resultaten */
.os-ex{margin:14px 0 0;font-size:15px;color:var(--slate);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.os-exb{font:inherit;font-size:15px;color:var(--blue);background:#fff;border:1.5px solid var(--grid);border-radius:999px;padding:6px 14px;min-height:36px;cursor:pointer}
.os-exb:hover{border-color:var(--blue);background:var(--ice)}
.os-live{margin:18px 0 8px;border:1.5px solid var(--grid);border-radius:6px;background:#fff;max-width:880px}
.os-live[hidden]{display:none}
.os-lh{margin:0;padding:12px 18px;font-size:15px;font-weight:700;color:var(--navy);background:var(--ice);border-bottom:1.5px solid var(--grid)}
.os-live>.os-lh:only-child{border-bottom:0;font-weight:400;color:var(--slate)}
.os-ll{list-style:none;margin:0;padding:0}
.os-ll li+li{border-top:1px solid var(--grid)}
.os-ll a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:14px 18px;color:var(--ink);text-decoration:none}
.os-ll a:hover,.os-ll a:focus-visible{background:var(--ice)}
.os-lt{font-weight:700;color:var(--navy);grid-column:1}
.os-lt mark{background:#FFE9A8;color:inherit;padding:0 1px}
.os-lm,.os-lx{grid-column:1;font-size:14px;color:var(--slate)}
.os-lx{color:var(--ok);font-weight:700}
.os-lg{grid-column:2;grid-row:1/span 2;align-self:center;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.os-dv+.os-dv,.os-dv+.os-lh{border-top:1.5px solid var(--grid)}
.os-dh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px}
.os-dh small{font-weight:400;color:var(--slate);margin-left:6px}
.os-dh a{font-size:14px;font-weight:700;color:var(--blue)}
.os-fit{grid-column:1;font-size:14px;font-weight:700}
.os-fit.os-direct{color:var(--ok)}
.os-fit.os-kabel{color:var(--warn)}
.os-fit.os-aansl,.os-fit.os-alg{color:var(--slate);font-weight:400}
.os-more{margin:0;padding:12px 18px;font-size:14px;color:var(--slate);border-top:1px solid var(--grid)}
.os-more .os-exb{margin:2px 4px 2px 0}
.os-none{padding:14px 18px}
.os-none p{margin:0 0 12px;color:var(--slate)}
@media (max-width:640px){.os-ll a{grid-template-columns:1fr}.os-lg{grid-column:1;grid-row:auto}}

/* Snel bestellen: suggesties onder het veld "Artikelnummer of REF" (opmerking Roy, 1 nov 2026) */
.qo-w{position:relative}
.qo-list{position:absolute;left:0;width:max(100%,min(560px,calc(100vw - 48px)));top:100%;z-index:30;display:block;margin-top:4px;max-height:340px;overflow:auto;background:#fff;color:var(--ink,#1B2B4B);border:1.5px solid var(--grid,#C9D6E6);border-radius:6px;box-shadow:0 10px 28px rgba(3,27,78,.22);text-align:left;font-weight:400}
.qo-list[hidden],.qo-pick[hidden]{display:none}
.qo-o{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:11px 14px;cursor:pointer;font-size:15px;line-height:1.35}
.qo-o+.qo-o{border-top:1px solid var(--grid,#C9D6E6)}
.qo-o.on,.qo-o:hover{background:var(--ice,#F0F7FD)}
.qo-t{font-weight:700;color:var(--navy,#031B4E)}
.qo-v{font-weight:400;color:var(--slate,#4A5A78)}
.qo-c{font-weight:700;color:var(--blue,#0A5EA8);white-space:nowrap}
.qo-x{grid-column:1/-1;font-size:13px;color:var(--slate,#4A5A78)}
.qo-pick{display:block;margin-top:6px;font-size:14px;font-weight:400;line-height:1.35;opacity:.9}
/* Winkelwagen en kassa als inkoopdocument: foto, artikelnummer, stukprijs, bedrag excl. btw (expertreview 0.3.39) */
.wkln{display:flex;gap:16px;align-items:flex-start;min-width:0}
.wkln>div{min-width:0}
.wkph{flex:0 0 64px;width:64px;height:64px;border:1px solid var(--line);background:#F7FAFD;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wkph img{width:100%;height:100%;object-fit:contain;display:block}
.wkr small.wkcd{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#4A5668;overflow-wrap:anywhere}
.wkr small.wku{font-size:13px;color:var(--slate)}
.wkp small.wkx2{font-family:var(--sans);font-weight:400;font-size:13px;color:var(--slate);margin-top:4px}
.wks .cart-subtotal-ex dt,.wks .cart-subtotal-ex dd{color:var(--slate)}
.sm .ln .vcm-un{display:block;font-size:13px;font-weight:400;font-family:var(--sans);color:var(--slate);margin-top:2px}
.sm .ln small.vcm-cd,.sm .ln .vcm-cd{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#4A5668;margin-top:2px;overflow-wrap:anywhere}
@media (max-width:640px){.wkph{flex-basis:52px;width:52px;height:52px}}
/* Het euroteken hoort bij het bedrag: een algemene "span{display:block}" in kassa en orderoverzicht zette het op een eigen regel (W-A11) */
.v .woocommerce-Price-amount bdi,.v .woocommerce-Price-amount .woocommerce-Price-currencySymbol,.v .sm .ln .p .woocommerce-Price-amount,.v .sm .ln .p .woocommerce-Price-currencySymbol,.v .sm .tt .woocommerce-Price-currencySymbol{display:inline;margin:0;font-size:inherit;color:inherit}
/* Orderbevestiging: regels en afleveradres */
.obp .obl{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.obp .obl li{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.obp .obl li b{font-size:16px;color:var(--navy);line-height:1.35}
.obp .obl li span{font-size:13px;color:var(--slate);overflow-wrap:anywhere}
.obp .oba{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;font-size:14px;color:var(--slate)}
.obp .oba address{font-style:normal;color:var(--ink);line-height:1.45}
@media print{.hd,.vcm-header,.util,.vcm-actbar,.obk,.cookie,.vcm-cookie{display:none!important}}
.obp .obl li{grid-template-columns:none}
.obp .obl li::before{content:none;display:none}
.obp .obl li span{margin-top:0}
/* Opnieuw bestellen in Mijn VCM */
.pt-again{margin:0}
.pt-again .btn{min-height:40px;padding:8px 14px;font-size:14px;white-space:nowrap}
.pt-again-wrap{margin-top:20px}

/* Mijn VCM: tabs zijn links; de actieve staat met aria-current (aria-selected hoort niet op een link, axe: aria-allowed-attr) */
.v .pt-tab[aria-current="page"]{color:var(--blue);border-bottom-color:var(--blue)}

/* Online bestellen staat uit (2 nov 2026): "Aanvragen" met zichtbare tekst i.p.v. een "+"; uitvoeringen op de kaart; regel in het winkelwagenoverzicht */
.sed .buy .add.vcm-ask{width:auto;min-width:44px;padding:0 14px;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none}
.ctd .rf2,.sed .rf2{display:block;font-size:13px;line-height:1.4;color:#4A5668}
.sb .vcm-sbq{display:flex;align-items:flex-start;align-self:center}
.wks .vcm-shipping-ex dt,.wks .vcm-shipping-ex dd{color:var(--slate)}

/* "Dit artikel levert VCM op aanvraag" (0.3.54): in plaats van "0 producten" of een lege lijst, op categorie-, toestel- en zoekpagina's. */ .vcm-opa{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;margin:20px 0 28px;padding:26px 28px;background:var(--ice,#F0F7FD);border:1px solid var(--line,#D6DEE8);border-left:5px solid var(--blue,#0060A9);border-radius:4px;grid-column:1/-1}.vcm-opa-t{display:grid;gap:8px;min-width:0}.vcm-opa-k{margin:0;font-size:14px;font-weight:700;color:var(--blue,#0060A9)}.vcm-opa-h{margin:0;font-family:var(--cond);font-weight:700;font-size:30px;line-height:1.05;color:var(--navy,#031B4E)}.vcm-opa-t p:not(.vcm-opa-k){margin:0;font-size:16px;line-height:1.55;color:var(--slate,#4A5668);max-width:44em}.vcm-opa-r{display:flex;flex-wrap:wrap;gap:10px}.vcm-opa-r .btn{min-height:48px;text-align:center}.vcm-opa--compact{margin:0 0 20px;padding:18px 22px}.vcm-opa--compact .vcm-opa-h{font-size:24px}@media (max-width:760px){.vcm-opa{grid-template-columns:minmax(0,1fr);padding:20px 18px;gap:16px}.vcm-opa-h{font-size:26px}.vcm-opa-r{flex-direction:column}.vcm-opa-r .btn{width:100%}}
/* vcm-aanvraag */
/* Aanvraaglijst (zolang online bestellen UIT staat): knoppen,teller in de kop en onderbalk,en het stuk "Uw artikelen" in het offerteformulier. Hoort bij assets/js/aanvraag.js en vcm-platform includes/aanvraaglijst.php. Alleen geladen als de lijst aan staat. */ .vcm-req-liveg,.vcm-req-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.v .vcm-req-add[hidden],.v .vcm-req-choose[hidden],.v [data-vcm-req-buy][hidden],.v [data-vcm-req-fb][hidden],.v [data-vcm-reqnav][hidden],.v [data-vcm-reqlist][hidden],.v [data-vcm-req-empty][hidden],.v [data-vcm-req-items][hidden],.v [data-vcm-req-clear][hidden]{display:none!important}/* Knop "Toegevoegd" even in een andere kleur */ .v .vcm-req-add.is-added{background:var(--ok-bg);color:var(--ok);box-shadow:inset 0 0 0 1.5px var(--ok)}.v .vcm-req-add.is-added:hover{background:var(--ok-bg)}.v .vcm-req-buy{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.v .vcm-req-buy[hidden]{display:none!important}.v .vcm-req-q{display:flex;flex-direction:column;gap:4px}.v .vcm-req-q label{font-size:14px;font-weight:700;color:var(--slate)}.v .vcm-req-q input{width:92px;min-height:52px;padding:0 12px;font:inherit;font-size:18px;font-weight:700;color:var(--ink);background:#FFFFFF;border:1px solid var(--ui-border);border-radius:4px}.v .vcm-req-q input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.v .vcm-req-buy .btn{flex:1 1 220px}/* Kleine tegels (toestel- en naaldenoverzicht): korte knop in de stijl van de bestaande "Aanvragen"-knop */ .sed .buy{flex-wrap:wrap;row-gap:8px}.sed .buy .vcm-req-add,.sed .buy .vcm-req-choose{width:auto;min-width:44px;padding:0 14px;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer}/* Tabel "Alle uitvoeringen": knoppen mogen naast elkaar */ .pru td .vcm-req-add{margin-right:6px}.vcm-header .vcm-reqnav,.vcm-header .nav .side a.vcm-reqnav{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:2px solid var(--navy);border-radius:var(--r-sm,4px);background:#FFFFFF;color:var(--navy);font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}.vcm-header .vcm-reqnav:hover,.vcm-header .nav .side a.vcm-reqnav:hover{background:var(--ice)}.vcm-header .vcm-reqnav svg{flex:none;color:var(--blue)}.vcm-header .vcm-reqnav .vcm-reqnav-n{display:none;font-size:14px;line-height:1;color:var(--navy)}.vcm-header .vcm-reqnav-top{display:none}.vcm-header .nav .side a.vcm-reqnav-side{display:none}@media (min-width:901px) and (max-width:1359px){.vcm-header .vcm-reqnav-top{display:inline-flex;margin-left:6px}}@media (min-width:1121px) and (max-width:1359px){.vcm-header .vcm-reqnav-top{padding:0 10px;gap:6px}.vcm-header .vcm-reqnav-top .vcm-reqnav-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.vcm-header .vcm-reqnav-top .vcm-reqnav-n{display:inline}}@media (min-width:1360px){.vcm-header .nav .side a.vcm-reqnav-side{display:inline-flex}}@media (max-width:900px){.vcm-header .vcm-reqnav,.vcm-header .nav .side a.vcm-reqnav{display:none}}.vcm-header .vcm-reqnav[hidden],.vcm-header .nav .side a.vcm-reqnav[hidden]{display:none!important}@keyframes vcm-req-bump{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}.vcm-reqnav.is-bump,.vcm-actbar a.is-bump{animation:vcm-req-bump .5s ease}@media (prefers-reduced-motion:reduce){.vcm-reqnav.is-bump,.vcm-actbar a.is-bump{animation:none}}/* Het stuk "Uw artikelen" in het offerteformulier */ .v .vcm-req{border:0;padding:0;margin:0 0 8px;min-width:0}.v .vcm-req legend:focus-visible,.v .vcm-req-sum:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.v .vcm-req-sum{font-size:16px;font-weight:700;color:var(--navy);line-height:1.4}.v .vcm-req-items{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}.v .vcm-req-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px 16px;padding:12px 0;border-bottom:1px solid var(--line);list-style:none}.v .vcm-req-nm{min-width:0;display:flex;flex-direction:column;gap:2px}.v .vcm-req-nm b{font-size:16px;line-height:1.35;color:var(--navy);overflow-wrap:anywhere}.v .vcm-req-nm span{font-size:14px;color:var(--slate);overflow-wrap:anywhere}.v .vcm-req-row .vcm-req-q{flex-direction:row;align-items:center;gap:8px}.v .vcm-req-row .vcm-req-q input{width:84px;min-height:46px;font-size:16px}.v .vcm-req-rm,.v .vcm-req-clear{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:15px;font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:4px}.v .vcm-req-rm:hover,.v .vcm-req-clear:hover{color:var(--navy)}.v .vcm-req-rm:focus-visible,.v .vcm-req-clear:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.v .vcm-req-clear.is-sure{color:#9A1B12}.v .vcm-req-empty{font-size:15px;color:var(--slate);line-height:1.5}.v .vcm-req-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px}.v .vcm-req-actions .vcm-req-clear{padding:0}.v .vcm-req-actions .lnk{display:inline-flex;align-items:center;min-height:44px;font-weight:700}@media (max-width:640px){.v .vcm-req-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm nm" "q rm"}.v .vcm-req-row .vcm-req-nm{grid-area:nm}.v .vcm-req-row .vcm-req-q{grid-area:q}.v .vcm-req-row .vcm-req-rm{grid-area:rm;justify-self:end}}@media print{.vcm-reqnav,.vcm-req-add,.vcm-req-buy{display:none!important}}
/* vcm-content */
a.kb-chip{display:inline-flex;align-items:center;text-decoration:none}.kb-chip[aria-current="true"]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}.kb-chip[aria-current="true"] .n{color:#C9D3E4}/* VR-11: facet zonder resultaten (aria-disabled="true" op de chip) is niet klikbaar en gedempt */ .v .kb-chip[aria-disabled="true"],.v .chb[aria-disabled="true"]{opacity:.55;pointer-events:none;cursor:default;border-style:dashed}.v a.chb{text-decoration:none}.vcm-cb2{margin-top:12px}.vcm-count{margin:20px 0 10px;font-size:15px;color:var(--slate)}.vcm-count strong{color:var(--navy)}.vcm-empty{padding:28px 0;font-size:17px;color:var(--slate);border-top:2px solid var(--navy);grid-column:1/-1}.vcm-more{margin-top:24px}.vcm-na{font-size:14px;color:var(--slate)}.v .kb-chip:focus-visible,.v a.chb:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.vb-meta{display:block;font-size:14px;color:var(--slate);margin-top:4px}.vbi .badge{margin-top:6px;margin-left:0}.badge.vb-warn{background:var(--warn-bg);color:var(--warn)}.badge.vb-act{background:#FBE6E3;color:#8A1C12}.vcm-entry{padding:64px 0 96px;background:#FFFFFF}.vcm-entry .wrap{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.vcm-entry-body{max-width:760px}.vcm-entry-body h2{font-family:var(--cond);font-weight:700;font-size:38px;line-height:1.05;color:var(--navy);margin:36px 0 14px}.vcm-entry-body h3{font-family:var(--cond);font-weight:700;font-size:28px;line-height:1.1;color:var(--navy);margin:28px 0 10px}.vcm-entry-body p,.vcm-entry-body li{font-size:18px;line-height:1.65;color:#2B3647}.vcm-entry-body p{margin:0 0 14px}.vcm-entry-body ul,.vcm-entry-body ol{margin:0 0 14px;padding-left:22px;list-style:disc}.vcm-entry-body ol{list-style:decimal}.vcm-entry-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.vcm-entry-body img{max-width:100%;height:auto}.vcm-sybody{padding:64px 0;background:#FFFFFF}.vcm-sybody:has(+ .sys2){padding-bottom:0}.sys2:not(.sys2--it):has(+ .syg){padding-bottom:0}/* Vangnet: een pagina die niet uit een patroon bestaat maar uit gewone blokken (alinea,kop,lijst,tabel,afbeelding,citaat direct in de inhoud). Zonder deze regels stond de tekst tegen de schermrand,zonder marge,leeskolom of huisletter (base.css haalt alle marges weg). Zelfde maten als .vcm-entry-body. Patroonpagina's bestaan uit <section>/<div> en worden niet geraakt; WooCommerce-meldingen houden hun eigen opmaak. */
.vcm-main>.entry-content>:is(h1,h2,h3,h4,p,ul,ol,dl,table,figure,blockquote):not([class*="woocommerce"],[class*="wc-"]){max-width:760px;margin:0 var(--vcm-gutter,32px) 14px}
.vcm-main>.entry-content>:is(h1,h2,h3,h4):not([class*="woocommerce"],[class*="wc-"]){font-family:var(--cond);font-weight:700;line-height:1.05;color:var(--navy);margin-top:36px}
.vcm-main>.entry-content>h1{font-size:var(--fs-h1,48px)}
.vcm-main>.entry-content>h3{font-size:var(--fs-h3-k,28px);margin-top:28px;margin-bottom:10px}
.vcm-main>.entry-content>h4{font-family:var(--sans);font-size:20px;line-height:1.3;margin-top:24px;margin-bottom:8px}
.vcm-main>.entry-content>:is(p,ul,ol,dl,blockquote):not([class*="woocommerce"],[class*="wc-"]),.vcm-main>.entry-content>:is(ul,ol)>li{font-size:18px;line-height:1.65;color:#2B3647}
.vcm-main>.entry-content>:is(ul,ol):not([class*="woocommerce"],[class*="wc-"]){padding-left:22px;list-style:disc}
.vcm-main>.entry-content>ol:not([class*="woocommerce"],[class*="wc-"]){list-style:decimal}
.vcm-main>.entry-content>blockquote{padding-left:20px;border-left:4px solid var(--blue)}
.vcm-main>.entry-content>blockquote p+p{margin-top:14px}
.vcm-main>.entry-content>:is(p,ul,ol,dl,blockquote,table,figure) a:not([class]){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.vcm-main>.entry-content>figure img,.vcm-main>.entry-content>p img{max-width:100%;height:auto}
.vcm-main>.entry-content>figure figcaption{margin-top:8px;color:var(--slate)}
.vcm-main>.entry-content>table,.vcm-main>.entry-content>figure table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.vcm-main>.entry-content>table :is(th,td),.vcm-main>.entry-content>figure table :is(th,td){text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.vcm-main>.entry-content>table th,.vcm-main>.entry-content>figure table th{color:var(--navy);border-bottom:2px solid var(--navy)}
.vcm-main>.entry-content>:is(h1,h2,h3,h4,p,ul,ol,dl,table,figure,blockquote):not([class*="woocommerce"],[class*="wc-"]):first-child{margin-top:56px}
.vcm-main>.entry-content>:is(h1,h2,h3,h4,p,ul,ol,dl,table,figure,blockquote):not([class*="woocommerce"],[class*="wc-"]):last-child{margin-bottom:88px}
@media (max-width:900px){
 .vcm-main>.entry-content>:is(h1,h2,h3,h4,p,ul,ol,dl,table,figure,blockquote):not([class*="woocommerce"],[class*="wc-"]){margin-left:20px;margin-right:20px}
 .vcm-main>.entry-content>:is(h1,h2,h3,h4,p,ul,ol,dl,table,figure,blockquote):not([class*="woocommerce"],[class*="wc-"]):first-child{margin-top:36px}
 .vcm-main>.entry-content>:is(h1,h2,h3,h4,p,ul,ol,dl,table,figure,blockquote):not([class*="woocommerce"],[class*="wc-"]):last-child{margin-bottom:56px}
}

/* Kennisartikel: inhoud zonder <section>-omhulsel */
.ka-t h2{margin-top:36px;scroll-margin-top:24px}
.ka-t > h2:first-child,.ka-t > p.lead + h2{margin-top:0}
.ka-t img,.ka-t figure img{max-width:100%;height:auto}
.ka-t figure{margin:0 0 28px}
.ka-t figcaption{font-size:14px;line-height:1.5;color:var(--slate);margin-top:8px}
.ka-t h3{font-family:var(--cond);font-weight:700;font-size:28px;line-height:1.1;color:var(--navy);margin:28px 0 10px}
.ka-t ol{margin:0 0 14px;padding-left:22px;list-style:decimal}
.ka-t ol li{padding-left:6px}
.ka-t ol li::before{display:none}
.ka-t a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.ka-t table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}
.ka-t th,.ka-t td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.ka-t th{color:var(--navy);border-bottom:2px solid var(--navy)}

/* Vacaturelijst */
.vcm-vlist{border-top:2px solid var(--navy)}
.vcm-vit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}
.vcm-vit h3{font-family:var(--cond);font-weight:700;font-size:32px;line-height:1.05;color:var(--navy)}
.vcm-vit p{font-size:16px;line-height:1.55;color:var(--slate);margin-top:8px;max-width:44em}
.vcm-vit .vcm-vmeta{font-weight:700;color:var(--navy);font-size:14px}
.vcm-vit a.lnk{white-space:nowrap}
.vcm-vbody .wrap{display:block}
.vcm-form-status{min-height:1.4em;font-size:15px;color:var(--slate)}
.vcm-form-status.is-error{color:#8A1C12}
.vcm-form-status.is-ok{color:var(--ok)}
@media (max-width:700px){.vcm-vit{grid-template-columns:minmax(0,1fr)}}

/* Merkpagina's: blokken met nieuws en systemen buiten hun eigen pagina-CSS */ .chb[aria-current="true"]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}.nw-l{padding:96px 0 104px;border-bottom:1px solid var(--line);background:#FFFFFF}.nw-lh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;margin-bottom:32px}.nw-ls{border-top:2px solid var(--navy)}.nw-it{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:24px 48px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.nw-it .nd{font-family:var(--cond);font-weight:700;font-size:26px;line-height:1.05;color:var(--navy)}.nw-it .ng{display:inline-block;margin-top:8px;font-family:var(--sans);font-weight:700;font-size:13px;color:var(--blue-d);background:#E3EEF8;padding:3px 9px;border-radius:3px}.nw-it h3{font-family:var(--cond);font-weight:700;font-size:32px;line-height:1.05;color:var(--navy)}.nw-it p{font-size:16px;line-height:1.55;color:var(--slate);margin-top:8px;max-width:44em}.nw-it .pv{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;color:var(--muted)}.nw-it a.lnk{white-space:nowrap}.syo{background:var(--ice);border-top:1px solid var(--line);padding:88px 0}.syo h2{font-family:var(--cond);font-weight:700;font-size:36px;line-height:1;color:var(--navy);margin-bottom:26px}.syo .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.syo article{background:#FFFFFF;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:6px}.syo article b{font-family:var(--cond);font-size:26px;line-height:1.05;color:var(--navy)}/* alleen de omschrijving (direct kind);een modelcode in de titel (<b><span class="nb">) houdt maat en kleur van de titel */ .syo article>span{font-size:14px;line-height:1.5;color:var(--slate)}.syo article a{margin-top:8px;font-size:14px;font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.cb{display:flex;flex-wrap:wrap;gap:8px;clear:both}.v .chb{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--ui-border);border-radius:4px;font-size:15px;color:var(--navy);background:#FFFFFF;cursor:pointer;font-family:var(--sans)}.v .chb:hover{border-color:var(--blue)}.v .chb.on{background:var(--navy);border-color:var(--navy);color:#FFFFFF}.v .chb:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (max-width:1200px){.syo .g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.syo .g{grid-template-columns:minmax(0,1fr)}.nw-it{grid-template-columns:minmax(0,1fr);gap:10px}.nw-it h3{font-size:28px}}.vcm-eh{padding:56px max(32px,calc((100% - 1312px) / 2 + 32px));border-bottom:1px solid var(--grid)}.vcm-eh .kick,.vcm-eh .d1,.vcm-eh .lead{display:block}.vcm-eh .crumb{display:flex;flex-wrap:wrap;gap:10px}.vcm-eh .d1{font-size:72px;line-height:.95;overflow-wrap:break-word;hyphens:auto;max-width:18em}.vcm-eh .lead{max-width:34em;margin-top:16px}.vcm-eh .kick{margin-top:16px}.vcm-entry-list{display:grid;gap:0;border-top:2px solid var(--navy);margin:0;padding:0;list-style:none}.vcm-entry-list>li{padding:24px 0;border-bottom:1px solid var(--line)}.vcm-entry-list h2,.vcm-entry-list h3{font-family:var(--cond);font-weight:700;font-size:32px;line-height:1.05;color:var(--navy);margin:6px 0 8px}.vcm-entry-list a{color:var(--navy);text-decoration:none}.vcm-entry-list a:hover{text-decoration:underline}@media (max-width:1100px){.vcm-eh .d1{font-size:56px}}@media (max-width:700px){.vcm-eh{padding:32px 20px 36px}.vcm-eh .d1{font-size:38px}}.ofl .vv-fmnote{font-size:17px;line-height:1.55;color:var(--slate);max-width:36ch;margin:0}.vv-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.vc-v.vcm-vbody{padding:64px 0 80px}.vc-v.vcm-vbody .wrap{display:block}.vcm-vbody .wrap{max-width:var(--vcm-wrap,1240px)}.v .vcm-vbody .vcm-entry-body{max-width:none}.v .vcm-vbody .vcm-entry-body>p,.v .vcm-vbody .vcm-entry-body>ul:not(.vv-ask),.v .vcm-vbody .vcm-entry-body>ol:not(.vv-steps){max-width:40em}.v .vcm-vbody .vcm-entry-body>p.vv-lead{max-width:30em}.vcm-vbody .vcm-entry-body>h2{margin-top:64px}.vcm-vbody .vv-lead{font-size:24px;line-height:1.5;color:var(--navy);max-width:34em;margin-bottom:40px}.vv-usp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.vv-usp div{border-top:4px solid var(--blue);padding-top:18px;display:flex;flex-direction:column;gap:8px}.vv-usp b{font-family:var(--cond);font-weight:700;font-size:30px;line-height:1.05;color:var(--navy)}.vv-usp span,.vv-give span{font-size:16px;line-height:1.55;color:var(--slate)}.vv-week{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:28px 0 24px;border:1px solid var(--line)}.vv-week>div{padding:32px 36px}.vv-week h3{margin:0}.vv-week .vv-s{font-size:15px;margin:6px 0 18px;color:var(--slate)}.vv-week ul{margin:0;padding:0;list-style:none}.vv-week li{position:relative;padding:10px 0 10px 22px;border-top:1px solid rgba(255,255,255,.18);font-size:17px;line-height:1.5}.vv-week li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}.vv-k{background:var(--navy);color:#FFFFFF}.vv-k h3,.vv-k li,.vv-k .vv-s{color:#FFFFFF}.vv-k .vv-s{color:#BFD0E8}.vv-o{background:var(--ice)}.vv-o li{border-top-color:#C9DDF1;color:var(--navy)}.vv-o li::before{background:var(--blue)}.vv-pay{background:var(--navy);color:#FFFFFF;padding:32px 36px;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 24px}.vv-pay b{font-family:var(--cond);font-weight:700;font-size:56px;line-height:1;color:#FFFFFF}.vv-pay span{font-size:18px;color:#D5DDEA}.vv-give{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.vv-give div{border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px;background:#FFFFFF}.vv-give b{font-size:19px;line-height:1.3;color:var(--navy)}.vcm-vbody .vv-ask{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:20px}.vv-ask li{position:relative;padding:14px 0 14px 34px;border-top:1px solid var(--line)}.vv-ask li::before{content:"";position:absolute;left:2px;top:19px;width:16px;height:9px;border-left:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:rotate(-45deg) scale(.9)}.vcm-vbody .vv-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:vs;margin-top:20px}.vv-steps li{counter-increment:vs;border-top:2px solid var(--navy);padding-top:16px;display:flex;flex-direction:column;gap:6px}.vv-steps li::before{content:counter(vs);width:32px;height:32px;border-radius:50%;background:var(--blue);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;font-size:19px}.vv-steps b{font-size:19px;line-height:1.3;color:var(--navy)}.vv-steps span{font-size:16px;line-height:1.55;color:var(--slate)}@media (max-width:1000px){.vv-usp,.vv-give,.vcm-vbody .vv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.vv-usp,.vv-give,.vv-week,.vcm-vbody .vv-ask,.vcm-vbody .vv-steps{grid-template-columns:minmax(0,1fr)}.vv-week>div{padding:24px}.vv-pay b{font-size:44px}.vcm-vbody .vv-lead{font-size:20px}}.vcm-vlist{border-top:0;display:grid;gap:20px}.vcm-vit{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:28px 32px;background:#FFFFFF;align-items:center;transition:border-color .15s,box-shadow .15s}.vcm-vit:hover{border-color:var(--blue);box-shadow:0 10px 28px -18px rgba(3,27,78,.45)}.v .vcm-vlist .vcm-vit a.lnk{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:var(--blue);color:#FFFFFF;border-radius:6px;text-decoration:none;font-weight:700}.v .vcm-vlist .vcm-vit a.lnk:hover{background:var(--blue-d)}@media (max-width:700px){.vcm-vit{padding:22px}}
/* vcm-search */
form[data-vcm-suggest]{position:relative}.vsg{position:absolute;top:calc(100% + 6px);left:-1px;right:-1px;z-index:70;background:#FFFFFF;border:1px solid var(--line,#D6DEE8);border-top:2px solid var(--navy,#031B4E);box-shadow:0 18px 36px -12px rgba(3,27,78,.28);max-height:min(72vh,540px);overflow:auto;text-align:left;font-family:var(--sans,inherit);overscroll-behavior:contain}.vsg[hidden]{display:none}.vsg.vsg-flow{position:static;margin-top:8px;box-shadow:none;max-height:none;border-color:var(--ui-border)}.vsg-h{padding:12px 16px 4px;font-size:13px;font-weight:700;color:var(--slate,#4A5668);line-height:1.3}.v .vsg-o{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 16px;color:var(--navy,#031B4E);text-decoration:none;font-size:16px;line-height:1.35;border-top:1px solid #EEF2F7;min-height:44px;align-items:center}.v .vsg-o:first-of-type{border-top:0}.vsg-t{font-weight:700;min-width:0}.vsg-m{font-size:13px;color:var(--slate,#4A5668);white-space:nowrap}.vsg mark,.zrl mark{background:#FFF0B8;color:inherit;padding:0 1px;border-radius:2px}.v .vsg-o:hover,.v .vsg-o.on{background:var(--ice,#F0F7FD)}.v .vsg-o.on{box-shadow:inset 3px 0 0 var(--blue,#0060A9)}.v .vsg-o:focus-visible{outline:3px solid var(--blue,#0060A9);outline-offset:-3px}.v .vsg-all{border-top:1px solid var(--line,#D6DEE8)!important;color:var(--blue,#0060A9);font-weight:700;justify-content:flex-start}@media (max-width:760px){.v .vsg-o{font-size:17px;padding:12px 14px}.vsg-m{white-space:normal;text-align:right}}@media (prefers-reduced-motion:no-preference){.vsg:not([hidden]){animation:vsg-in .12s ease-out}@keyframes vsg-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}.v .zrl .zrk{color:inherit;text-decoration:none}.v .zrl .zrk:hover{color:var(--blue,#0060A9);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.v .zrl .zrk:focus-visible{outline:3px solid var(--blue,#0060A9);outline-offset:2px}.zrl li>div:first-child{min-width:0}.zrl p{max-width:60em}.zrw .wrap.zr1{grid-template-columns:minmax(0,1fr)}.zrmain{min-width:0}.zrh{font-family:var(--cond);font-weight:700;font-size:28px;line-height:1.15;color:var(--navy,#031B4E);margin:36px 0 16px}.zre.zrstart{margin-bottom:8px}.zre .zrtips{list-style:disc;padding-left:1.2em;display:grid;gap:6px;max-width:40em;font-size:16px;line-height:1.5;color:var(--slate,#4A5668)}.zre .zrdym{font-size:18px;color:var(--ink,#0E1726)}.zrd .lnk,.zre .lnk{font-weight:700}.zrtop li{padding-top:16px;padding-bottom:16px}.ka-note{margin:36px 0 0;padding:16px 20px;border-left:4px solid var(--blue,#0060A9);background:var(--ice,#F0F7FD);color:var(--navy,#031B4E);font-size:16px;line-height:1.55}.ka-note p{margin:0}.ka-note p + p{margin-top:8px}
/* vcm-polish */
/* * VCM polish: verfijning bovenop de ontwerp-CSS (base,parts,pagina's, formulieren, shop).
 * Laadt als laatste. Geen externe bronnen. Beweging alleen als de bezoeker die toestaat.
 */

/* ===== 1. Typografie ===== */
.v h1,.v h2,.v h3,.v h4,.d1,.d2,.d3,.kb-it b,.ka-ag b,.ka-pg b{text-wrap:balance}
.d1,.d2,.d3{hyphens:manual}
/* 0.3.45: lange samenstellingen (Leveranciersdossier, Documentencentrum, Veiligheidsberichten) breken netjes af in plaats van midden in het woord */
.v :is(.d1,.d2,.d3):lang(nl){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:11 5 5}
.v :is(.d1,.d2,.d3):lang(en){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:12 5 5}
.v p,.v li,.v dd,.v figcaption,.v blockquote,.lead,.txt{text-wrap:pretty}
.v{font-kerning:normal;font-optical-sizing:auto}
/* cijfers in kolommen en prijzen op gelijke breedte */
.v table,.v dd,.v td,.v th,.v .badge,.v .tel,.res b,.mini li b,.kanalen,
.v [class*="price" i],.v [class*="prijs" i],.v .amount,.v .woocommerce-Price-amount,
.v .kbg small,.v time{font-variant-numeric:tabular-nums}
@media (max-width:900px){
 .v :is(.txt,.lead,.mh p,.what,.who,.mini li,.kbg a span){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:7 3 3}
}

/* ===== 2. Sticky kop ===== */
:root{--vcm-util-h:36px;--vcm-hdr-h:128px}
html{scroll-padding-top:calc(var(--vcm-hdr-h) + 12px)}
.wp-site-blocks>.wp-block-template-part:first-child{
 position:sticky;top:calc(-1 * var(--vcm-util-h));z-index:60;
 transition:transform .28s cubic-bezier(.3,.1,.2,1);
 view-transition-name:vcm-header;
}
/* ingelogd: WordPress-beheerbalk staat vast bovenaan */
body.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:calc(32px - var(--vcm-util-h))}
@media (max-width:782px){body.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:calc(46px - var(--vcm-util-h))}}
@media (max-width:600px){body.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:calc(-1 * var(--vcm-util-h))}}
@media (max-width:1120px){:root{--vcm-hdr-h:66px}}
/* verborgen bij omlaag scrollen (desktop), terug bij omhoog scrollen */
html[data-vcm-hdr="hide"] .wp-site-blocks>.wp-block-template-part:first-child{transform:translateY(-100%)}
/* dunne schaduw zodra de kop over de inhoud schuift */
.vcm-header .hd{transition:box-shadow .2s}
html.vcm-stuck .vcm-header .hd{box-shadow:0 14px 22px -20px rgba(3,27,78,.55)}
html.vcm-stuck .vcm-header .nav{border-bottom-color:#C4D2E3}
@media (prefers-reduced-motion:reduce){
 .wp-site-blocks>.wp-block-template-part:first-child{transition:none}
 html[data-vcm-hdr="hide"] .wp-site-blocks>.wp-block-template-part:first-child{transform:none}
}

/* kleine bedieningsknop naast 'Merken': minimaal 24x24 (WCAG 2.2) */
.vcm-header .side .vkc.x{width:26px;min-width:26px;min-height:30px}

/* ===== 3. Hover, focus en indrukken ===== */
.v :is(a,button,summary,select,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:2px;box-shadow:0 0 0 2px #FFFFFF}
.v :is(input,textarea,select):focus-visible{outline-offset:0;border-color:var(--blue);box-shadow:none}
/* Witte ring alleen op donkere vlakken (.ofl is een lichte kolom en hoort hier niet in; de navy vlakken .whp, .ka-z, .ovband, .pcA, .mcard en .kb-s wel). */
.v :is(.oc,.util,.sl-o,.syq,.pcall,.sg.dark,.band,.klant,.op,.kbh,.cxo .oh,.ikp,.whp,.ka-z,.ovband,.pcA,.mcard,.kb-s) :focus-visible,.v.ft :focus-visible{outline-color:#FFFFFF;box-shadow:none}
/* Omlijnde knoppen: de rand is een inwendige schaduw; die blijft staan bij focus (anders verdwijnt de rand en verspringt de knop). */
.v .btn.ghost:focus-visible{box-shadow:inset 0 0 0 1.5px var(--blue),0 0 0 2px #FFFFFF}
.v .btn.wline:focus-visible{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.v .links a.fault:focus-visible{box-shadow:inset 0 0 0 1.5px #C2410C,0 0 0 2px #FFFFFF}
.v .btn:active{transform:translateY(1px)}
.v .btn[disabled],.v .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;pointer-events:none}
.v .btn,.v .lnk,.nav .vk,.links a,.ft nav a,.kbg a,.row .lab,.go svg,.list svg{transition-property:background-color,color,border-color,box-shadow,transform,opacity,text-underline-offset;transition-duration:.15s;transition-timing-function:ease}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 .row:hover .lab{transform:translateX(4px)}
 .row:hover{box-shadow:inset 3px 0 0 var(--blue)}
 .row:hover .go svg{transform:translateX(2px)}
 .list a:hover>svg{transform:translateX(3px)}
 .v .lnk:hover{text-underline-offset:6px}
}
@media (hover:hover){
 .row:hover .lab{color:var(--blue)}
 .kbg a:hover{border-top-color:var(--blue)}
 .nav .vk:hover{color:var(--blue);border-bottom-color:#9DB9D8}
 .nav .vk.on:hover{border-bottom-color:var(--blue)}
 .links a.txt:hover,.links a.acc:hover{color:var(--blue)}
 .ft nav a:hover{text-decoration:underline;text-decoration-color:var(--cyan);text-underline-offset:4px}
 .util a:hover{color:#FFFFFF}
}
/* mega-menu en mobiel menu verschijnen met een korte fade, een antwoord op de klik */
@media (prefers-reduced-motion:no-preference){
 .vcm-header .mega:not([hidden]),.vcm-header .pnl.open{animation:vcm-pop .16s ease-out both}
}
@keyframes vcm-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* hero: de kanaallabels verschijnen mee met de sporen (de sporen zelf tekenen eenmalig in base.css) */
@media (prefers-reduced-motion:no-preference){
 .eeg .ch span,.eegs .ch span{animation:vcm-fade .6s ease-out both}
 .eeg .ch:nth-child(2) span,.eegs .ch:nth-child(2) span{animation-delay:.25s}
 .eeg .ch:nth-child(3) span,.eegs .ch:nth-child(3) span{animation-delay:.5s}
}
@keyframes vcm-fade{from{opacity:0}to{opacity:1}}

/* ===== 4. Paginawissel: korte fade, de kop blijft staan ===== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease}
::view-transition-group(vcm-header){animation-duration:.18s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* ===== 5. Overig ===== */
::selection{background:var(--navy,#031B4E);color:#FFFFFF}
html{accent-color:#0060A9}
.v :is(input[type="checkbox"],input[type="radio"],input[type="range"],progress){accent-color:var(--blue)}
.v summary{cursor:pointer;font-weight:700;color:var(--navy)}
.v summary::marker{color:var(--blue)}
.v details>summary{padding:4px 0}
.v details[open]>summary{margin-bottom:4px}
.pnl,.vcm-cb,.vcm-header .mega{scrollbar-width:thin;scrollbar-color:#9DB9D8 transparent}
/* foto's met een fijne rand,zodat witte productfoto's niet in de pagina oplossen */
.v figure:has(>img):not(.hi):not(.vh):not(.prod){position:relative}
.v figure:has(>img):not(.hi):not(.vh):not(.prod)::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(3,27,78,.1);pointer-events:none}
@media (forced-colors:active){
 .v .btn{border:1px solid ButtonText}
 .hd .search{border:1px solid CanvasText}
}

/* ===== 6. Mobiel (390): rustiger begin ===== */
@media (max-width:900px){
 /* snelkoppelingen: één compacte strook die zijwaarts schuift in plaats van drie rijen tegels */
 .intent{position:relative}
 .intent::after{content:"";position:absolute;right:0;top:0;bottom:0;width:36px;background:linear-gradient(90deg,rgba(240,247,253,0),#F0F7FD 85%);pointer-events:none}
 .intent .wrap{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 36px 0 0;max-width:none}
 .intent .wrap::-webkit-scrollbar{display:none}
 .intent a,.intent a:first-child{flex:0 0 auto;min-height:56px;padding:0 18px;gap:10px;border-left:1px solid #CFE0F2;border-bottom:0;scroll-snap-align:start;white-space:nowrap}
 .intent a:first-child{border-left:0;padding-left:16px}
 .intent svg{flex:none}
 .intent b{font-size:15px;line-height:1.2;white-space:nowrap}
 .intent small{display:none}
 /* cookiebanner: compact, weigeren en accepteren even prominent naast elkaar */
 .vcm-cb{padding:12px 16px 14px;gap:8px;max-height:34vh;overflow:auto}
 .vcm-cb b{font-size:18px;margin-bottom:2px}
 .vcm-cb p{font-size:14px;line-height:1.4}
 .vcm-cbk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .v .vcm-cbk .btn{width:100%;min-height:46px;padding:0 4px;font-size:13px;line-height:1.15;white-space:normal;text-align:center}
 .vcm-cb-set .btn{width:100%}
}
@media (max-width:360px){
 .v .vcm-cbk .btn{font-size:13px}
}

/* ===== 7. Afdrukken ===== */
@media print{
 @page{margin:16mm 14mm}
 html{scroll-padding-top:0;scroll-padding-bottom:0}
 body{color:#000;background:#FFFFFF;padding-bottom:0!important}
 .vcm-header,.vcm-cbw,.vcm-footer,.skip,.skip-link,.intent,.subnav,.mega,.pnl,.sg,.eeg,.eegs,.trace,.cx-bar,
 .ctas,.ff,form,button,.go,[data-vcm-cookiebanner]{display:none!important}
 .wp-site-blocks>.wp-block-template-part:first-child{position:static;transform:none}
 .v,.vcm-main{overflow:visible!important}
 /* Donkere vlakken met lichte tekst worden zwart op wit: de contactgegevens blijven leesbaar, ook zonder 'achtergronden afdrukken'. */
 .v,.v *{background:#FFFFFF!important;background-image:none!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important}
 .v .btn,.v a.b1,.v a.b2{border:1px solid #000!important}
 .v svg{color:#000!important}
 .hero,.demo,.oc .wrap,.kbg,.mh,.klant .wrap{display:block!important;min-height:0!important}
 .hi,.demo figure{height:auto!important;min-height:0!important}
 .hi img,.demo figure img{position:static!important;max-height:80mm;object-fit:contain}
 .ht,.dt,.oc,.mont,.kb,.band,.op,.ofl,.sl-o,.syq,.cxo,.bt{padding:8mm 0!important}
 .d1,.d2,.d3{font-size:24pt!important;line-height:1.1!important}
 h1,h2,h3,h4{break-after:avoid}
 table,tr,figure,img,.list a,.kbg a,.row,details{break-inside:avoid}
 img{max-width:100%!important}
 body::before{content:var(--vcm-print-head,"VCM Medical B.V.");display:block;margin-bottom:8mm;padding-bottom:3mm;border-bottom:1px solid #000;font-size:9pt}
 /* VR-05: de URL achter een link alleen in lopende tekst (alinea, bijschrift, lijst in artikeltekst); niet in rijen, kaarten of lijsten met koppen (smalle kolommen breken de URL tot onleesbaar) */
 main :is(p,dd,figcaption,.txt li,.ka-t li,.vcm-entry-body li,.entry-content>ul li,.entry-content>ol li) a[data-print-url]:not(.row,.pmore,.lnk,.crumb a)::after{content:" (" attr(data-print-url) ")";font-size:.8em;font-weight:400;color:#444;word-break:break-all}
}

/* Zoekveld: de wrapper toont de focusring, dus geen dubbele rand om het invoerveld */
.hd .search input:focus-visible,.pnl .psearch input:focus-visible{outline:0;box-shadow:none}

/* Engelse pagina: link naar een Nederlandstalige pagina (tools/en_nltag.py) */
.vcm-nl{font-size:max(13px,.85em);font-weight:500;white-space:nowrap}
/* Engelse gemaksvertaling van een juridische tekst (tools/en_build.py, COURTESY) */
.vcm-courtesy{margin:12px 0 0;font-size:.9rem;line-height:1.5;color:#4A5668}

/* ===== 8. Fix-ronde 0.2.1 ===== */

/* 8.1 Sticky zijpanelen: .v knipt alleen horizontaal af (overflow-x:clip maakt geen scrollcontainer), dus sticky werkt;
   de offset ligt onder de zichtbare kop. Op lage vensters zou een hoog paneel de inhoud afdekken: dan gewoon meescrollen. */
:root{--vcm-sticky-top:calc(var(--vcm-hdr-h) + 16px)}
html[data-vcm-hdr="hide"]{--vcm-sticky-top:16px}
@media (max-width:900px),(max-height:700px){
 .acl,.ctf,.sm:not(.sg),.ka-toc,.ofl,.cxo,.pcN,.rtN,.sef,.sl-o,.syq,.tgN,.ten,.vzN,.vwN,.wks{position:static}
}

/* 8.2 Kop tussen 901 en 1280 px: hamburger tot 1120 px (base.css), daarboven een compactere kop zodat niets afbreekt */
.vcm-header .util .tel,.vcm-header .util .lang,.vcm-header .nav .vk,.vcm-header .nav .side a,.vcm-header .links>a,.vcm-header .links>.sw>a{white-space:nowrap}
@media (min-width:901px) and (max-width:1199px){
 .vcm-header .util .l a:nth-child(2),.vcm-header .util .l a:nth-child(3){display:none}
}
@media (min-width:1121px) and (max-width:1279px){
 .vcm-header .nav .vk{padding:0 8px;font-size:14px}
 .vcm-header .nav .side{gap:14px;font-size:13px}
 .vcm-header .nav>.wrap{gap:0}
 .vcm-header .nav .vkc{width:22px}
 .vcm-header .hd .top{gap:20px}
}
/* mega-menu en mobiel menu: nooit hoger dan het venster, anders scrollen */
.vcm-header .mega{max-height:calc(100vh - var(--vcm-hdr-h) - 8px);overflow-y:auto;overscroll-behavior:contain;font-size:16px;font-weight:400;line-height:normal;color:var(--ink)}

/* 8.3 Koppen: tussen 901 en 1439 px schalen ze mee met de breedte (base.css en pages/*.css, onderaan); nooit afgekapt */
/* M29: vanaf 901 px nooit midden in een woord afbreken (de kopgrootte per pagina schaalt zo dat het langste woord past); smal: noodrem */
.d1,.d2,.d3{overflow-wrap:break-word}
@media (min-width:901px){.d1,.d2,.d3{overflow-wrap:normal}}
/* telefoon: nette maten en geen vaste minimumbreedtes die de kolom oprekken */
@media (max-width:520px){
 .d1,.hero .d1{font-size:clamp(36px,12vw,58px)}
 .d2{font-size:clamp(30px,9.5vw,46px)}
 .d3{font-size:clamp(26px,8vw,34px)}
 .v .btn{max-width:100%;white-space:normal}
 .v :is(.wrap,.ofl,.fm,.sl-l,.obt,.ikt,.mht,.ht,.vh)>*{min-width:0}
 .v .wrap{overflow-wrap:break-word}
}

/* 8.4 Snelkoppelingsbalk */
@media (min-width:901px) and (max-width:1199px){
 .intent small{display:none}
 .intent a{padding:14px 8px 14px 14px;gap:10px}
 .intent b{font-size:15px}
}
@media (max-width:900px){
 .intent::after{content:"\203A";display:flex;align-items:center;justify-content:flex-end;padding-right:10px;width:56px;font-size:30px;line-height:1;color:var(--blue);background:linear-gradient(90deg,rgba(240,247,253,0),#F0F7FD 55%);transition:opacity .15s}
 .intent.end::after{opacity:0}
}

/* 8.5 Cookiebanner: de pagina houdt ruimte vrij en scrolt gefocuste elementen boven de banner uit (WCAG 2.4.11) */
html.vcm-cb-open{scroll-padding-bottom:calc(var(--vcm-cb-h,0px) + 16px)}
html.vcm-cb-open body{padding-bottom:var(--vcm-cb-h,0px)}
@media (max-height:600px){.vcm-cb{max-height:45vh}}
main:focus{outline:0}

/* 8.6 Merkkaarten: "Bekijk ..." is een tekstlink, geen pijlcirkel */
.bgrid .go{width:auto;height:auto;border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:auto;background:none}
.bgrid a:hover .go,.bgrid .go:hover{background:none;color:var(--blue-d)}

/* 8.7 Kleine zaken */
.v :is(.note,.os-disc,.pm-fn){max-width:70ch}
.ft nav a{display:flex;align-items:center;min-height:24px;padding-block:4px}
.ft .legal a,.ft .legal .lnkbtn{display:inline-flex;align-items:center;min-height:24px;padding-block:4px}
.v caption:not([class*="sr"]){display:block;width:100%}

/* 8.8 Zoekpagina zonder zoekterm: zonder zijkolom volle breedte (de oorzaak zit in de plugin, includes/search/render.php; dit is het CSS-vangnet) */
.zrw .wrap:has(>.zrmain:only-child){grid-template-columns:minmax(0,1fr)}

/* 8.9 Lege staten */
.vcm-empty-note{padding:20px 24px;background:var(--ice);border-left:4px solid var(--blue);color:var(--ink);font-size:17px;line-height:1.55}

/* 8.10 Samenvattingsbalk van de Okti-calculator (alleen op smalle schermen) */
.cx-bar{display:none}
@media (max-width:900px){
 .cx-bar{position:fixed;left:0;right:0;bottom:var(--vcm-cb-h,0px);z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--navy,#031B4E);color:#FFFFFF;font:700 15px/1.3 'Helvetica Neue LT Std','VCM Heros','Helvetica Neue',Helvetica,Arial,sans-serif;text-decoration:none;box-shadow:0 -6px 18px rgba(3,27,78,.25)}
 .cx-bar b{color:#5CC8D0;white-space:nowrap}
 .cx-bar:focus-visible{outline:3px solid #FFFFFF;outline-offset:-6px}
 .cx-bar.away{display:none}
}

/* Merkpagina's: beeldvlak zonder foto toont de naam als gewone titel (geen invulveld) */ .mhi.pfh.pfh span,.sys .im.pfh.pfh span{font-family:'Helvetica Neue LT Std','VCM Heros','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(26px,3.2vw,42px);line-height:1.1;letter-spacing:-.01em;color:#FFFFFF}@media (max-width:900px){html body:has(.cx-bar:not(.away)) .ft{padding-bottom:72px}}.v .lnk:not(p .lnk),.crumb a,.util a.tel,.util a[href*="storing"]{display:inline-flex;align-items:center;min-height:24px;padding-block:3px}.crumb{align-items:center}.v .lnk,.plink{padding-block:3px}:where(main.v a:not(.btn,.lnk,.go,.skip,.skip-link,p a,li a,dd a,small a,span a,b a,h1 a,h2 a,h3 a,figcaption a,label a,summary a)){min-height:24px}:where(main.v :is(td,th,dd)>a:not(.btn,[class])){padding-block:3px}@media (max-width:520px){.v .lnk:not(p .lnk),.crumb a,.util a.tel,.util a[href*="storing"]{min-height:32px}.crumb a{min-height:24px}}.v input[type=checkbox],.v input[type=radio],.v .vcm-confirm input[type=checkbox]{width:24px;height:24px}.v label:has(>input[type=checkbox]),.v label:has(>input[type=radio]){display:flex;gap:10px;align-items:flex-start}.v .vcm-confirm>span{flex:1 1 0;min-width:0}@media (max-width:520px){.v .subnav .wrap{gap:12px}.v .subnav b{flex:0 1 auto;font-size:clamp(18px,5.2vw,22px);white-space:nowrap;overflow-wrap:normal}.v .subnav .btn{white-space:nowrap;padding-inline:14px;font-size:14px}.v dt{font-size:15px;overflow-wrap:break-word;hyphens:manual}}@media print{main :is(.card,.kbg,.row,.list,.bgrid,.mini,.res,.kb) a[data-print-url]::after,.lnk[data-print-url]::after{content:none}svg.tr path,.v svg path{stroke:#000!important}}/* VR-05 (ronde 6): homepagina in ca. 5 A4-pagina's: vakgebiedrijen onder elkaar in plaats van vier kolommen, beeldvlakken en witruimte beperkt */
@media print{
 .row{display:block!important;min-height:0!important;padding:3mm 0!important;border-bottom:1px solid #000}
 .row .lab{display:block;font-size:18pt!important;margin-bottom:1mm}
 .row .tr{display:block;width:100%;height:7mm!important;margin-top:2mm}
 .row .go{display:none!important}
 .okf .wrap,.shop .wrap,.ovr .two{display:block!important;padding-top:6mm!important;padding-bottom:6mm!important}
 .shop,.ovr,.brands{padding:6mm 0!important}
 .svc{display:block!important;min-height:0!important}
 .okf figure,.svc figure{height:55mm!important;min-height:0!important;position:relative!important}
 .okf figure img,.svc figure img{position:static!important;height:55mm!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
 .ovr figure img{height:55mm!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
 .svc .st{padding:6mm 0!important}
 .ovr .refs{margin-top:6mm!important}
 .bst li a{padding:2.5mm 0!important}
}

/* M29/M133 (telefoon): koppen met een lang woord schalen mee met de schermbreedte (kolom = 100vw - 40 px; deler = breedte van het langste woord in em), zodat niets midden in een woord afbreekt */
@media (max-width:520px){
 .v .nh .d1{font-size:min(40px,calc((100vw - 40px) / 8.3))}
 .v .vbh .d1{font-size:min(38px,calc((100vw - 40px) / 8))}
 .v .ikt .d1{font-size:min(56px,calc((100vw - 40px) / 5.4))}
 .v .mht .d1{font-size:min(56px,calc((100vw - 40px) / 5.7))}
 .v .obt .d2{font-size:min(60px,calc((100vw - 40px) / 6))}
 .v .aec dl div{grid-template-columns:minmax(0,1fr);gap:2px}
}
/* Hero-feiten op merkpagina's: lange woorden (Polysomnografie) mogen de buurkolom niet raken */ .v .mfacts>div,.v .mfacts dd,.v .mfacts small{min-width:0}.v .mfacts dd{font-size:22px;overflow-wrap:break-word;hyphens:auto}.v .sys .list a:not(:has(.tr)){grid-template-columns:minmax(0,1fr) 20px}.v.ft .logo-img{background:#FFFFFF;padding:8px 14px;border-radius:6px;box-sizing:content-box;height:56px}.v .nb{white-space:nowrap}@media (max-width:900px){.v .syo .g article>a,.v .vcm-merk-sys article>a,.v .ctc .ctd>a,.v .ac a.lnk{display:inline-flex;align-items:center;min-height:44px}/* Lijstregels op merkpagina's houden hun raster (tekst links, pijl rechts, lijn over de volle breedte); alleen de hoogte van het tikdoel. */
 .v .sys .list a{min-height:44px}
 .v .ctf label:not(.f),.v .sed .flt label:not(.f){min-height:44px;display:flex;align-items:center}
}
/* Productfoto's met grijze of witte studio-achtergrond: de achtergrond gaat op in het ijsblauwe vlak (één behandeling op alle merkpagina's) */
.v .sys .im:has(>img[src*="/p-"])>img,.v .mhi:has(>img[src*="/p-"])>img{mix-blend-mode:multiply}
/* Servicebalk met drie onderdelen (Persyst, DWL): geen lege vierde kolom */
@media (min-width:901px){.v .klant .wrap:not(:has(>a.k:nth-of-type(4))){grid-template-columns:300px repeat(3,minmax(0,1fr))}}
/* EMG-naalden: het paneel "Mijn toestel" is zo hoog als de inhoud, niet zo hoog als de hele kop */
@media (min-width:901px){.v .seh .sep{align-self:start;margin:48px 96px 48px 0}}
/* Vanaf 1400 px heeft het kopblok zelf de rechtermarge (refine 35): het paneel loopt tot de rasterrand, zoals op Webshop, Service en Contact. */
@media (min-width:1400px){.v .seh .sep{margin-right:0}}

/* Voet direct na een donkerblauwe band: witte strook ertussen (polish.js zet de klasse). */
.v.ft.vcm-ft-after-dark{margin-top:56px}
@media (max-width:600px){.v.ft.vcm-ft-after-dark{margin-top:36px}}
/* Uitklapmenu: kolomkoppen (<p class="mh">) zijn gewone kopjes, geen sectiekop-grid */
.mega .mh{display:block;grid-template-columns:none;gap:0;padding-right:0;align-items:normal}
/* Aanvraagpagina's: staat het belpaneel naast de hero,dan geen tweede "Bel"-knop in de hero (op telefoon staat het paneel eronder en blijft de knop) */ @media (min-width:901px){.oh:has(>aside.op) .oh-cta a.ghost[href^="tel:"]{display:none}}.v .vctg-more{margin:48px 0 16px}.v .leg{margin-top:20px}.v .pm{margin-top:18px}.v .os-ex{margin:14px 0 20px}.v .os-n{margin-top:16px}.v .os-disc{margin:24px 0}.v .sekey{margin:14px 0 22px}.v .ctmv{margin-top:28px}.v .vcm-shop-notice,.v .vcm-ordering-closed{margin-bottom:16px}.v .zrh{margin-top:36px}.v .zrd{margin-top:20px}.v .vcm-courtesy{margin-top:12px}.v .steps{margin-top:16px}.v .pts{margin-top:12px}.v .sov-c{margin-top:24px}.v .ovv-cap{margin-top:12px}.v .nw-n{margin-top:20px}.v .calc{margin-top:20px}.v .rtC .rtnt{margin-bottom:40px}.v .wt{background:#FFFFFF}.v .sb:not(:has(.ff)) .wrap{grid-template-columns:minmax(0,1fr);gap:24px}/* Bestellen gesloten: het blok "Offerte, account of bestellen" toont alleen het overstappen (offerte en account staan al in het snelbestelblok en het inlogblok) */ .v .ow:has(.vcm-closed-mark) .ow3,.v .ow:has(.vcm-closed-mark) .ov h3{display:none}@media (min-width:901px){.vbl .wrap>:first-child{position:sticky;top:var(--vcm-sticky-top,24px)}}.v .ovk>div:last-child:nth-child(odd){grid-column:1/-1;padding-right:0}.v .vpSoon .vpTel{font-size:17px;margin-top:4px}.v .vpSoon .vpTel .tel{font-weight:700;color:var(--blue);white-space:nowrap}/* Merkpagina: "Overige systemen" (ijsblauw) gevolgd door het webshopblok (ijsblauw): het webshopblok wordt wit,zodat de vlakken wisselen */ .v .syo.vcm-merk-sys+.mkb{background:#FFFFFF}.v section:has(>.sys)+.mkb,.v section:has(>.sys)+.syo.vcm-merk-sys{background:#FFFFFF}@media (max-width:600px){.v .acc,.v .nw-l,.v .sw.paper,.v .syo.vcm-merk-sys{padding-top:56px;padding-bottom:56px}.v .mont.mm{padding-top:56px}.v .sov-m{padding-bottom:56px}}/* Lijstrij met label "(Dutch)" (link naar een Nederlandse pagina op een Engelse pagina): het label staat onder de tekst in de eerste kolom;golf en pijl blijven rechts over beide regels */ .v .list a:has(>.vcm-nl){grid-template-rows:auto auto;row-gap:0}.v .list a:has(>.vcm-nl)>span:first-child{grid-column:1;grid-row:1}.v .list a>.vcm-nl{grid-column:1;grid-row:2;justify-self:start;margin:4px 0 0}.v .list a:has(>.vcm-nl)>svg{grid-row:1/span 2}.v .aetr .c img{height:200px;max-height:none;object-fit:contain;object-position:left center}.v .fm .fd:not([open]){margin:0}.v .fm .fd:not([open]):not(:has(+ .fd)){margin-bottom:24px}/* 0.3.56: telefoonnummer in de bovenbalk op telefoon: tikdoel minstens 32 px hoog (PageSpeed: "Tikdoelen zijn niet groot genoeg") */ @media (max-width:699px){.v .util[data-off][data-hours="closed"] .l{padding-block:0}.v .util[data-off][data-hours="closed"] .l .tel{min-height:32px;align-items:center}.v .util[data-off][data-hours="closed"] .l .vcm-off-msg:not([hidden]){padding-block:2px 6px}}
/* vcm-refine */
/* * VCM refine (0.3.20): ontwerpverfijning na de expertreview van 1 november 2026. * Laadt na polish.css. Eén laag met tokens en correcties,zodat de ontwerp-CSS van de pagina's niet hoeft te veranderen.
 * Inhoud: 1 tokens en raster, 2 koppen, 3 hero, 4 cookiebalk, 5 tikdoelen en tekstmaten, 6 footer en beeldranden,
 * 7 leesbreedte, 8 mobiel, 9 stijl (radius, schaduw, papier, kleur), 10 beeld.
 */

/* ===== 1. Tokens en raster ===== */
:root{
 --vcm-sbw:0px;                 /* breedte van de scrollbalk, gezet door polish.js */
 --vcm-wrap:1312px;
 --vcm-gutter:max(32px,calc((100vw - var(--vcm-sbw) - var(--vcm-wrap)) / 2 + 32px));
 --fs-h1:clamp(2.25rem,.9rem + 3vw,3.75rem);      /* 43 px op 521, 57 px op 1440, 60 px vanaf 1600 (rustiger, 0.3.52) */
 --fs-h1-home:clamp(2.25rem,.8rem + 3vw,3.75rem);
 --fs-h2:clamp(1.875rem,.9rem + 2.9vw,3.25rem);
 --fs-h3:clamp(1.5rem,1rem + 1.2vw,2rem);
 --measure:68ch;
 --r-sm:6px;
 --r-md:12px;
 --sh-1:0 1px 2px rgba(3,27,78,.06),0 8px 24px -14px rgba(3,27,78,.22);
 --sh-2:0 2px 4px rgba(3,27,78,.08),0 24px 48px -22px rgba(3,27,78,.32);
}
@media (min-width:1700px){:root{--vcm-wrap:1440px}}
.wrap{max-width:var(--vcm-wrap)}
.vcm-eh{padding-left:max(32px,calc((100% - var(--vcm-wrap)) / 2 + 32px));padding-right:max(32px,calc((100% - var(--vcm-wrap)) / 2 + 32px))}

/* ===== 2. Koppen: één schaal voor alle pagina's ===== */ @media (min-width:521px){.v.v h1.d1{font-size:var(--fs-h1);line-height:.98;letter-spacing:-.01em}.v.v .hero:not(.ca-h,.pm-h,.sl-h,.vh) h1.d1{font-size:var(--fs-h1-home)}.v.v .d2{font-size:var(--fs-h2);line-height:1.02;letter-spacing:-.005em}.v.v .d3{font-size:var(--fs-h3);line-height:1.08}}@media (max-width:520px){.v h1.d1{font-size:clamp(34px,10vw,44px);line-height:1.02}.v.v .d2{line-height:1.04}}.v .kick{margin-bottom:0}.v .kick + :is(h1,h2,h3,.d1,.d2,.d3){margin-top:12px}.v :is(.ht,.ot,.nh,.mht,.ikt,.aet,.blt,.ctt,.kb-t,.ovt,.tgT,.pht)>.kick{margin-bottom:-12px}.v .crumb{margin-bottom:8px}@media (min-width:901px){.v.v :is(.ht,.ot,.nh,.mht,.ikt,.aet,.blt,.ctt,.kb-t,.ovt,.tgT,.pht,.ldT,.vzT,.rtT,.vwT,.pcT,.set,.cxht,.tet){padding-left:var(--vcm-gutter)}.v.v .eeg{left:var(--vcm-gutter)}.v.v .ht .lead{max-width:30em}}@media (min-width:901px) and (max-width:1499px){.v.v .hero{min-height:0}.v.v .hero .ht{padding-top:40px;padding-bottom:170px;gap:20px}.v.v :is(.ca-h,.pm-h,.sl-h,.vh) .ht{padding-top:32px;padding-bottom:40px;gap:18px}.v.v .ca-kick2{margin-bottom:-6px}.v.v :is(.aet,.blt,.ctt,.ot,.pht,.kb-t){padding-top:36px;gap:18px}.v.v .hero .hi img{object-position:68% 45%}.intent small{display:none}.intent a{padding-top:12px;padding-bottom:12px}}@media (min-width:521px){.v.v .pm-h h1.d1{font-size:min(var(--fs-h1),4.9vw)}.v.v .mht h1.d1[style]{font-size:var(--fs-h1)!important}}.vcm-cb:has(.vcm-cbk>.btn:only-child){padding:14px var(--vcm-gutter);gap:12px 32px;border-top-width:2px}.vcm-cb:has(.vcm-cbk>.btn:only-child) b{display:none}.vcm-cb:has(.vcm-cbk>.btn:only-child) p{font-size:15px;line-height:1.45;max-width:72ch}.v .vcm-cb:has(.vcm-cbk>.btn:only-child) .vcm-cbk .btn{min-height:44px;padding:0 24px}@media (max-width:900px){.vcm-cb:has(.vcm-cbk>.btn:only-child){grid-template-columns:minmax(0,1fr) auto;padding:12px 16px;gap:12px;align-items:center;max-height:none}.vcm-cb:has(.vcm-cbk>.btn:only-child) p{font-size:14px;line-height:1.4}.vcm-cb:has(.vcm-cbk>.btn:only-child) .vcm-cbk{display:flex;flex-direction:row}.v .vcm-cb:has(.vcm-cbk>.btn:only-child) .vcm-cbk .btn{width:auto;min-width:76px;padding:0 16px}}.vcm-cb p{max-width:72ch}@media (pointer:coarse),(max-width:900px){.v .ft nav a,.v .ft .legal a,.v .ft .legal .lnkbtn{min-height:44px}.v .crumb a{min-height:44px;padding-inline:4px;margin-inline:-4px}.v .crumb{row-gap:0}.v .lnk:not(p .lnk){min-height:44px}.util a{min-height:32px}}@media (min-width:901px) and (pointer:fine){.util a{padding-block:7px}}.util .lang a,.vcm-header .util .lang a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.v :is(figcaption,.intent small,.ft .legal,.ft .legal a){font-size:14px}.v .ch span{font-size:13px}@media (max-width:900px){.hi figcaption,.v .svc figcaption{font-size:14px}}.hd .search:focus-within,.pnl .psearch:focus-within{outline:3px solid var(--blue);outline-offset:2px;border-color:var(--blue);box-shadow:none}.ft .legal{border-top:0;background:linear-gradient(var(--navy-line),var(--navy-line)) 32px 0/calc(100% - 64px) 1px no-repeat;align-items:baseline}@media (max-width:900px){.ft .legal{background-position:20px 0;background-size:calc(100% - 40px) 1px}}.ft h2{font-size:16px;letter-spacing:.01em;margin-bottom:16px}.ft nav a{color:#D5DDEA}.v figure:has(>img):not(.hi):not(.vh):not(.prod)::after{display:none}.v figure:has(>img):not(.hi):not(.vh):not(.prod)>img{outline:1px solid rgba(3,27,78,.1);outline-offset:-1px}.v figcaption{line-height:1.4}/* ===== 7. Leesbreedte en alinea's ===== */
.v .txt{max-width:var(--measure)}
.v .txt + .txt,.v .txt + p{margin-top:1em}
.v :is(.ca-sn,.ca-cn,.note,.os-disc,.pm-fn){max-width:72ch}
.v .sv-op{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;max-width:none}
.v .sv-op p{max-width:var(--measure);margin:0}
@media (max-width:900px){.v .sv-op{grid-template-columns:minmax(0,1fr);gap:16px}}

/* ===== 8. Mobiel: eerste scherm ===== */
@media (max-width:520px){
 .v .hi{height:auto;min-height:0;display:flex;flex-direction:column}
 .v .hi>img{position:static;width:100%;height:clamp(170px,48vw,210px)}
 .v .hi>figcaption{position:static;max-width:none;padding:10px 20px}
 .ht{padding:24px 20px 32px;gap:16px}
 .v.v .eeg{position:static;margin-top:8px;left:auto;right:auto;bottom:auto}
 .v .eeg .ch:nth-child(n+2){display:none}
 .v .ctas{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .v .ctas .btn{width:100%;min-height:52px}
 .v.v .ht>svg.tr{height:44px}
 .v .crumb{margin-bottom:0}
 .v .row .tr{display:none}
 .v .row{padding:16px 0;gap:4px 16px}
 .v .row .lab{font-size:30px}
}
@media (max-width:900px){
 .vcm-header .pnl.open{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}
}

/* ===== 11. Pakket 3: acties die altijd binnen bereik zijn ===== */
.links a.fault{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;margin-left:6px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1.5px #C2410C;color:#9A3412;font-size:15px;font-weight:700;white-space:nowrap}
.links a.fault svg{color:#C2410C}
.links a.fault:hover{background:#FFF3EB}
.links a.quote{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;margin-left:6px;border-radius:var(--r-sm);background:var(--blue);color:#FFFFFF;font-size:15px;font-weight:700;white-space:nowrap}
.links a.quote:hover{background:var(--blue-d)}
@media (max-width:1120px){.links a.fault,.links a.quote{display:none}}
@media (min-width:1121px) and (max-width:1279px){
 .vcm-header .hd .search{max-width:300px}
 .links a.fault,.links a.quote{padding:0 12px;font-size:14px}
 .links a.fault svg{display:none}
}
@media (min-width:1280px) and (max-width:1439px){.vcm-header .hd .search{max-width:380px}}
.util a.vcm-fault-link{color:#C9D3E4;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(201,211,228,.5)}
.util a.vcm-fault-link:hover{color:#FFFFFF}
@media (max-width:1120px){.util a.vcm-fault-link{display:none}}

.vcm-actbar{display:none}
@media (max-width:900px){
 .vcm-actbar{position:fixed;left:0;right:0;bottom:var(--vcm-cb-h,0px);z-index:90;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:0;background:#FFFFFF;border-top:1px solid var(--line);box-shadow:0 -8px 20px -12px rgba(3,27,78,.35);padding-bottom:env(safe-area-inset-bottom,0px)}
 .vcm-actbar{transition:transform .2s ease}
 .vcm-actbar.is-hidden{transform:translateY(110%);visibility:hidden}
 @media (prefers-reduced-motion:reduce){.vcm-actbar{transition:none}}
 .vcm-actbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 8px;font-size:15px;font-weight:700;color:var(--navy);text-align:center;border-left:1px solid var(--line)}
 .vcm-actbar a:first-child{border-left:0}
 .vcm-actbar a.urgent{color:#9A3412}
 .vcm-actbar a.urgent svg{color:#C2410C}
 .vcm-actbar a.primary{background:var(--blue);color:#FFFFFF;border-left-color:var(--blue)}
 .vcm-actbar svg{flex:none}
 html body:has(.vcm-actbar){padding-bottom:calc(var(--vcm-cb-h,0px) + 64px)}
 html.vcm-cb-open .vcm-actbar{display:none}
 html.vcm-cb-open body:has(.vcm-actbar){padding-bottom:var(--vcm-cb-h,0px)}
 html:has(.vcm-actbar){scroll-padding-bottom:72px}
}
@media (max-width:360px){.vcm-actbar a{font-size:14px;gap:6px}.vcm-actbar a svg{display:none}}
@media print{.vcm-actbar{display:none!important}}

/* kaarttitels zijn koppen (h3); opmaak gelijk aan de eerdere vette tekst */
.v :is(.ctc,.ow .c,.osw .c)>h3{font-family:var(--sans);font-size:1.25rem;font-weight:700;line-height:1.3;color:var(--navy)}
.dcn-req{background:#FFFFFF;border:1px solid var(--line);border-left:4px solid var(--blue);padding:28px 32px;display:flex;flex-direction:column;gap:12px;max-width:720px}
.dcn-req h3{font-family:var(--cond);font-weight:700;font-size:1.75rem;line-height:1.1;color:var(--navy)}
.dcn-req p{font-size:17px;line-height:1.55;color:var(--slate)}

/* snelkoppelingen op telefoon: de twee belangrijkste routes naast elkaar, de rest staat in het menu (geen zijwaartse strook) */
@media (max-width:700px){
 .v .intent::after{display:none}
 .v .intent .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;max-width:none}
 .v .intent a,.v .intent a:first-child{flex:none;min-height:56px;padding:8px 12px;gap:10px;border-left:0;border-bottom:1px solid #CFE0F2;white-space:normal;scroll-snap-align:none}
 .v .intent a:first-child{border-right:1px solid #CFE0F2}
 .v .intent a:nth-child(4){order:2}
 .v .intent a:nth-child(2),.v .intent a:nth-child(3),.v .intent a:nth-child(5){display:none}
 .v .intent b{white-space:normal;font-size:15px;line-height:1.2}
}

/* ---- (12) Inklapbare specificatieblokken (pages.js, [data-vcm-fold]) ------------- */
.vcm-fold-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:default}
.vcm-fold-btn::after{content:"";display:none;flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
@media (max-width:900px){
 .vcm-fold[data-vcm-fold=""]{border-top:2px solid var(--navy,#0B2545)}
 .vcm-fold > :is(h2,h3,h4){margin:0}
 .vcm-fold-btn{cursor:pointer;min-height:56px;padding:6px 0}
 .vcm-fold-btn::after{display:block}
 .vcm-fold-btn[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:4px}
 .vcm-fold-btn:focus-visible{outline:3px solid var(--blue,#0B63CE);outline-offset:2px;border-radius:var(--r-sm,6px)}
 .vcm-fold:not(.is-open) .vcm-fold-body{display:none}
 .vcm-fold.is-open .vcm-fold-body{padding-top:8px}
 .sl-spg{gap:0}
}
@media print{.vcm-fold:not(.is-open) .vcm-fold-body{display:block}}
.vcm-fold-btn.is-label{display:none}
@media (max-width:900px){
 .vcm-fold-btn.is-label{display:flex;border:2px solid var(--navy);border-radius:var(--r-sm,6px);padding:0 16px;min-height:52px;font-weight:700;font-size:17px;color:var(--navy);background:#fff}
 .vcm-fold-btn.is-label[aria-expanded="true"]{background:var(--ice,#F0F7FD)}
 .vcm-fold.is-open .vcm-fold-btn.is-label{margin-bottom:16px}
}

/* ---- (13) Formulierpagina's: lagere hero,uitklap "Meer details" ------------------ */ @media (min-width:901px){.v .oh{min-height:380px}}.fm .fd{border-top:1px solid var(--line);margin:8px 0 24px}.fm .fd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;font-weight:700;font-size:17px;color:var(--navy)}.fm .fd>summary::-webkit-details-marker{display:none}.fm .fd>summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}.fm .fd[open]>summary::after{transform:rotate(225deg);margin-top:4px}.fm .fd>summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm,6px)}.fm .fd[open]{padding-bottom:4px}/* ---- (14) Pakket 2: beeld bij "Kies uw vakgebied" ----------------------------------- */ .v .row:has(>.rim)>.tr{display:none}.v .rim{display:flex;align-items:center;justify-content:center;width:200px;height:100px;border-radius:var(--r-md,12px);overflow:hidden;background:#FFFFFF;border:1px solid #DCE7F2;isolation:isolate}.v .rim img{display:block;width:100%;height:100%;padding:6px;box-sizing:border-box;object-fit:contain;object-position:50% 50%;mix-blend-mode:multiply}.v .row:hover .rim{border-color:var(--blue)}@media (max-width:900px){.v .row:has(>.rim){grid-template-columns:96px minmax(0,1fr) 40px;grid-template-rows:auto auto;gap:2px 16px;align-items:center}.v .row:has(>.rim)>.rim{grid-column:1;grid-row:1/3;width:96px;height:76px}.v .rim img{padding:6px}.v .row:has(>.rim)>.lab{grid-column:2;grid-row:1;align-self:end;font-size:30px;line-height:1.05}.v .row:has(>.rim)>span:nth-child(4){grid-column:2;grid-row:2;order:0;align-self:start}.v .row:has(>.rim)>.go{grid-column:3;grid-row:1/3}.v .row:has(>.rim) .who{display:none}.v .row:has(>.rim) .what{font-size:15px;font-weight:400;color:var(--slate);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}/* ---- (15) Pakket 2: fotokaders,placeholder en witte productfoto's -------------------- */
/* Placeholder: een zachte ijsvlak tot de foto geladen is (geen lege gaten bij trage verbinding). */
/* Niet op een kader waarvan de pagina-CSS zelf wit kiest (home .okf, slaap .sl-sg4): deze regel is specifieker en overschreef dat, waardoor witte
   productfoto's als wit vierkant in een ijsblauw kader stonden. Ook niet op een gewoon fotokader met het bijschrift erin (Over VCM,praktijkfoto patiëntmonitoring): daar kleurde het vlak een strook onder de foto. Productfoto's die met het vlak mengen (multiply, hieronder) houden hun ijsvlak. */
.v figure:has(> img):not(.hi):not(.vh):not(.pm-pho):not(.sl-sg4 figure):not(:not([class]):has(> figcaption)){background:var(--ice,#F0F7FD)}
.v figure:not([class]):has(> figcaption):has(> :is(img[src*="/p-cardiofax"],img[src*="/p-falcon"],img[src*="/p-aed3100"],img[src*="/p-dwl"],img[src*="/p-echoson"],img[src*="/p-cardiolife"],img[src*="/p-nk-"],img[src*="/p-pinit"],img[src*="/p-okti"])):not(.okf figure){background:var(--ice,#F0F7FD)}
/* Productfoto's met witte achtergrond: multiply in een eigen stapelcontext,zodat de foto alleen met het ijsvlak van zijn eigen kader mengt (nooit met een donkere sectie). */ .v figure:has(>img[src*="/p-cardiofax"]),.v figure:has(>img[src*="/p-falcon"]),.v figure:has(>img[src*="/p-aed3100"]),.v figure:has(>img[src*="/p-dwl"]),.v figure:has(>img[src*="/p-echoson"]),.v figure:has(>img[src*="/p-cardiolife"]),.v figure:has(>img[src*="/p-nk-"]),.v figure:has(>img[src*="/p-pinit"]),.v figure:has(>img[src*="/p-okti"]){isolation:isolate}.v img[src*="/p-cardiofax"],.v img[src*="/p-falcon"],.v img[src*="/p-aed3100"],.v img[src*="/p-dwl"],.v img[src*="/p-echoson"],.v img[src*="/p-cardiolife"],.v img[src*="/p-nk-"],.v img[src*="/p-pinit"],.v img[src*="/p-okti"]{mix-blend-mode:multiply}/* Praktijkfoto's (geen vrijstaand product) die door hun bestandsnaam onder de regel hierboven vallen: niet mengen met het vlak erachter. */
.v .blci,.v .pm-pho>img{mix-blend-mode:normal}
/* Kleine, snelle snapshots (pand, bus, lounge) in een vast kader met afgeronde hoek. */
.v figure:has(> img[src*="/vcm-pand"]),.v figure:has(> img[src*="/vcm-bus"]),.v figure:has(> img[src*="/vcm-lounge"]),
.v figure:has(> img[src*="/vcm-kantoor"]),.v figure:has(> img[src*="/vcm-technicus"]){border-radius:var(--r-md,12px);overflow:hidden}
.v figure:has(> img[src*="/vcm-pand"]) > img,.v figure:has(> img[src*="/vcm-bus"]) > img,.v figure:has(> img[src*="/vcm-lounge"]) > img,
.v figure:has(> img[src*="/vcm-kantoor"]) > img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
/* Teamfoto (staand) op mobiel: gezicht in beeld, niet langer dan 4:3. */
@media (max-width:900px){ .ovr figure img{height:auto;aspect-ratio:4/3;object-position:50% 38%} }

/* ---- (16) Pakket 4: stijlpolijst (radius- en schaduwtokens, papier alleen in hero's) ---- */ .v .btn,.v .chb,.chips span,.hd .search,.links .cart,.ff input,.ff textarea,.v .f input:not([type=checkbox]):not([type=radio]),.v .f textarea,.v .f select,.fm input:not([type=checkbox]):not([type=radio]),.fm select,.fm textarea,.sed .buy .add{border-radius:var(--r-sm)}.v :is(.ctc,.mini,.dcn-req,.pnl){border-radius:var(--r-md)}.v :is(.ctc,.ow .c,.osw .c){transition:border-color .2s,box-shadow .2s}.v article.ctc:hover{box-shadow:var(--sh-2,0 2px 4px rgba(3,27,78,.08),0 18px 36px -18px rgba(3,27,78,.35))}.v :is(.ctc,.ow div.c,.osw div.c):hover{border-top-color:var(--blue)}@media (prefers-reduced-motion:reduce){.v :is(.ctc,.ow .c,.osw .c){transition:none}}/* Ruitjespapier alleen in de hero's; binnenwerk krijgt een rustige ijsverloop. */
.v :is(section.tp,section.sw,section.sv-c,section.sl-tp,section.sl-sw,section.shop,section.pm-sy,section.mont,section.ca-ch,section.apps).paper{background-image:linear-gradient(180deg,#F4F9FD 0%,#FFFFFF 100%);background-size:auto}
/* Productvakken met een foto die met het vlak mengt (AED-3100, Pinit): effen ijsvlak, anders loopt het ruitjespapier door de foto heen. */
.v :is(.aef,.blf).paper{background-image:none}
/* Donkere vlakken: lichte radiale gradiënt in plaats van plat navy. */
.v :is(.klant,.oc,.sl-o,.op){background-image:radial-gradient(120% 150% at 88% -10%,rgba(10,42,99,.95) 0%,rgba(3,27,78,0) 62%)}

/* ---- (17) Extra brede schermen: tekstkolom van de hero vast, beeld vult de rest ------------------
   De hero deelt het scherm in breukdelen (46/54 of 52/48). Op 3840 of 5120 px breed werd de
   tekstkolom daardoor steeds smaller (kop afgesneden). Vanaf 1920 px: tekstkolom = marge + 640 px. */
@media (min-width:1920px){
 .v .hero:not(.vcm-nofix),.v .aeh{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* 18. Systeempagina met productfoto uit het thema (witte achtergrond): hele toestel in beeld, op een wit vlak, niet bijgesneden */
.syi--product{background:#fff;border-left:1px solid var(--grid)}
.syi--product img{object-fit:contain;padding:clamp(28px,5vw,64px);mix-blend-mode:multiply}
@media (max-width:900px){
 .syi--product{min-height:300px;border-left:0;border-bottom:1px solid var(--grid)}
}

/* 19. Modelnamen in de vergelijkingstabellen zijn koppelingen naar de productpagina: zichtbaar als koppeling */
#vergelijk th[scope="row"] a,#vergelijking th[scope="row"] a,#cardiofax-vergelijking th[scope="row"] a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(0,86,163,.35)}
#vergelijk th[scope="row"] a::after,#vergelijking th[scope="row"] a::after,#cardiofax-vergelijking th[scope="row"] a::after{content:" \2192";margin-left:.2em;font-weight:500;text-decoration:none;display:inline-block}
#vergelijk th[scope="row"] a:hover,#vergelijking th[scope="row"] a:hover,#cardiofax-vergelijking th[scope="row"] a:hover{text-decoration-color:currentColor}

/* ===== 0.3.23 pakket A: snelle fixes ===== */

/* 20. Okti-calculator: samenvattingsbalk onder 900 px leesbaar (base.css .v a{color:inherit} won van de balk) */
.v a.cx-bar,.v a.cx-bar span{color:#FFFFFF}
.v a.cx-bar b{color:#5CC8D0}

/* 21. Mobiel menu en actiebalk */
@media (max-width:900px){
 html:has(.links button.menu[aria-expanded="true"]) .vcm-actbar{display:none}
 #vcm-mnav{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media (max-width:480px){
 .vcm-actbar{grid-template-columns:auto auto minmax(0,1fr)}
 .vcm-actbar a{flex-direction:column;gap:2px;font-size:13px;line-height:1.15;padding:6px 10px;white-space:nowrap}
 .vcm-actbar a.primary{flex-direction:row;font-size:15px}
}

/* 22. Home: vakgebiednamen breken niet midden in het woord (320 tot 480 px) */
@media (max-width:480px){
 .v .row:has(> .rim){grid-template-columns:72px minmax(0,1fr) 40px;gap:2px 12px}
 .v .row:has(> .rim) > .rim{width:72px;height:60px}
 .v .row:has(> .rim) > .lab{font-size:clamp(19px,5.6vw,30px);overflow-wrap:normal;word-break:normal;hyphens:manual}
}

/* 23. Systeem- en merkpagina's: tekst lijnt uit op de containerrand (vanaf 901 px),niet op de schermrand */ @media (min-width:901px){body .syt{padding-left:var(--vcm-gutter)}body .sys .tx{padding-right:var(--vcm-gutter)}body .sys.rev .tx{padding-right:80px;padding-left:var(--vcm-gutter)}}.pm-sg4 li{padding:0}.v .pm-sg4 li a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;margin:0;text-decoration:none}@media (pointer:coarse){.ft nav a,.ft .legal a,.ft .legal .lnkbtn{display:inline-flex;align-items:center;min-height:44px}.logo{min-height:44px}}/* 25. Pauzeknop bij video's die vanzelf afspelen (knop wordt door chrome.js toegevoegd) */
.ovv-pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:0 16px;font:700 15px/1 var(--sans,inherit);color:var(--navy);background:#FFFFFF;border:1px solid var(--ui-border);border-radius:4px;cursor:pointer}
.ovv-pause:hover{border-color:var(--blue)}
.ovv-pause:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ovv-cap{max-width:72ch;margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}

/* ===== 0.3.23 pakket B: uitstraling ===== */

/* 26. Trace rantsoeneren: alleen in hero's,kanaalrijen en footer;niet als behang op kaarten */ .kbg a svg.tr,a.mail svg.tr{display:none}body.vcm-neurologie .v{--vk:#0060A9}body.vcm-slaap .v{--vk:#4A4FB0}body.vcm-cardiologie .v{--vk:#A3213F}body.vcm-patientmonitoring .v{--vk:#0E7C86}body.vcm-aed .v{--vk:#B85A0F}body.vcm-blaasscanner .v{--vk:#2C7360}.v .ch svg.tr path{stroke:var(--vk,var(--blue))}.v .kbg a{border-top-color:var(--vk,var(--navy))}.v .kbg small{color:var(--vk,var(--blue))}.intent a[href*="storing-melden"],.intent a[href*="offerte-aanvragen"],.intent a[href*="report-a-fault"],.intent a[href*="request-a-quote"]{display:none}.intent .wrap{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}@media (min-width:901px){.intent a[href*="inkoop"],.intent a[href*="procurement"]{display:none}}.intent .wrap{overflow:hidden}.intent a,.intent a:first-child{border-left:0;border-right:1px solid #CFE0F2;margin-right:-1px;padding:16px 20px}.kentallen{background:#FFFFFF;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kentallen dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.kentallen dl>div{padding:28px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column-reverse;gap:6px}.kentallen dl>div:first-child{border-left:0;padding-left:0}.kentallen dt{font-size:15px;color:var(--slate)}.kentallen dd{margin:0;font-family:var(--cond,inherit);font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.05;color:var(--navy)}@media (min-width:901px){.kentallen dl{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr)}.kentallen dd{white-space:nowrap}}@media (max-width:900px){.kentallen dl{grid-template-columns:repeat(2,minmax(0,1fr))}.kentallen dl>div{padding:20px 16px;border-top:1px solid var(--line)}.kentallen dl>div:nth-child(-n+2){border-top:0}.kentallen dl>div:nth-child(odd){border-left:0;padding-left:0}}.vcm-open{display:inline-flex;align-items:center;gap:8px;font-weight:700}.vcm-open::before{content:"";width:9px;height:9px;border-radius:50%;background:#7C8CA8;flex:none}.vcm-open[data-state="open"]::before{background:#3ED598}@media (min-width:1400px){.v :is(.hero:not(.vcm-nofix),.aeh,.blh,.oh,.ikh,.kb-h,.mhero,.ph,.cxh,.ovh,.tgH,.seh,.vwH,.pcH,.vzH,.rtH,.ldHero,.whh,.cth:has(>.ctt),.nh,.syh){padding-right:var(--vcm-gutter);background-color:#FFFFFF;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid2) 1px,transparent 1px),linear-gradient(90deg,var(--grid2) 1px,transparent 1px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1px -1px}.v :is(.hero:not(.vcm-nofix),.aeh,.blh,.oh,.ikh,.kb-h,.mhero,.ph,.cxh,.ovh,.tgH,.seh,.vwH,.pcH,.vzH,.rtH,.ldHero,.whh,.cth:has(>.ctt),.syh)>.paper{background:none}.v :is(.cxht,.set,.vwT,.pcT){padding-left:var(--vcm-gutter)}.v :is(.whh,.cth:has(>.ctt)){padding-left:var(--vcm-gutter)}.v :is(.whh,.cth:has(>.ctt))>.paper{padding-left:0}.v .hero:not(.vcm-nofix) .hi img{object-position:62% 45%}.v :is(.hero:not(.vcm-nofix),.aeh,.blh,.oh,.ikh,.kb-h,.mhero,.ph,.cxh,.ovh,.tgH,.seh,.vwH,.pcH,.vzH,.rtH,.ldHero,.syh:not(.syh--geen-foto)){padding-right:0}}@media (min-width:1400px) and (max-width:1919px){.v .hero:not(.vcm-nofix){grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.v .vh .hi img{object-position:30% 50%}}/* 31b. Op brede en 4K-schermen delen tekst en beeld de breedte precies in het midden (twee gelijke kolommen;opmerking Roy,1 nov 2026: 'niet goed gecentreerd in het midden van de 2 kolommen'). De tekst begint op de linkerlijn van het menu en is daardoor altijd 624 px of meer breed;eerder was de tekstkolom marge + 640 px en lag de scheiding 16 px rechts van het midden. */ @media (min-width:1920px){.v :is(.blh,.seh,.oh,.mhero,.kb-h,.ph,.cxh,.ovh,.ikh,.tgH,.vwH,.pcH,.vzH,.rtH,.ldHero,.syh:not(.syh--geen-foto)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}/* 32. Productfoto in een blok met navy achtergrond (merkpagina's, bijvoorbeeld DWL): wit-grijs vlak met de foto heel in beeld;
   eerder vermengde de multiply-regel de foto met het donkerblauw, waardoor er een donkere foto zonder inhoud stond. */
.v .sys .im:has(>img[src*="/p-"]){background:var(--ice,#F0F7FD);isolation:isolate}
.v .sys .im:has(>img[src*="/p-"])>img{object-fit:contain;padding:clamp(20px,3.5vw,56px)}

/* 33. Productpagina: de grote foto blijft binnen het kader (eerder stak een foto van 700 px breed links en rechts buiten het vak van 623 px). */
.v .prm .big{overflow:hidden}
.v .prm .big>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:0 1 auto;min-width:0}

/* 34. Toestellen (Systemen) in de webshopcategorieën: kaarten op offerte boven de artikelen. */
.v .vcm-sys-h{margin:28px 0 6px;font-size:clamp(22px,2.2vw,28px)}
.v .vcm-sys-h:first-child{margin-top:8px}
.v .vcm-sys-t{margin:0 0 18px;max-width:62ch;color:#44546A}
.v .vcm-sys-n{margin:0;font-size:14px;color:#44546A}
.v .vcm-sys .ac{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.v .vcm-sys .ctp{background:var(--ice,#F0F7FD)}
.v .vcm-sys .ctp img{object-fit:contain;padding:12px;mix-blend-mode:multiply}
.v .vcm-sys .ctp .vcm-sys-geenfoto{max-width:100%;padding:0 14px;text-align:center;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.3;color:#2A3A55;overflow-wrap:anywhere}
.v .vcm-sys .rf{font-family:inherit;font-size:13px;line-height:1.45;color:#44546A}

/* 35. Kleurbolletje bij "Kleurcode" en op de kaarten: de kleur van het woord (geel = geel, groen = groen). */
.pc i[data-c="oranje"],.sdot.oranje i{background:#F28C28;border-color:#C96A0E}
.pc i[data-c="groen"],.sdot.groen i{background:#2E9E5B;border-color:#1F7A43}
.pc i[data-c="blauw"],.sdot.blauw i{background:#1E6FD9;border-color:#1553A8}
.pc i[data-c="rood"],.sdot.rood i{background:#D6342C;border-color:#A8231C}
.pc i[data-c="geel"],.sdot.geel i{background:#F2CB1D;border-color:#B8960A}
.pc i[data-c="paars"],.sdot.paars i{background:#7B3FB5;border-color:#5B2A8A}
.pc i[data-c="wit"],.sdot.wit i{background:#FFFFFF}
.pc i[data-c="zwart"],.sdot.zwart i{background:#1B1F27}
.pc i[data-c="grijs"],.sdot.grijs i{background:#8C95A3}
.pc i[data-c="bruin"],.sdot.bruin i{background:#8A5A33}
.pc i[data-c="roze"],.sdot.roze i{background:#E87AA7}

/* 34. Offerteformulier met vragen per keuze (opmerking Roy, 1 nov 2026): de vragen onder "Over uw situatie" wisselen mee met vakgebied en soort aanvraag. */
.fm .fq[hidden],.fm .fq-ex[hidden],.fm .fq-uni>[hidden]{display:none}
.fm .fq-sit{display:flex;flex-direction:column;gap:22px;margin-top:40px}
.fm .fq-sit>legend{margin-bottom:6px}
.fm .fq-sit>.hp{margin:0;color:var(--slate)}
.fm .fq{align-items:start}
.fm .fq>.fs{grid-column:1/-1}
.fm .fq-ch legend{font-family:inherit;font-size:17px;font-weight:700;line-height:1.3;margin-bottom:10px;color:var(--navy)}
.fm .fq-ex{margin-top:14px;padding-top:26px;border-top:1px solid var(--line)}
.fm .fq-ex legend{font-size:24px}
.fm .vcm-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fm fieldset.fs+fieldset.fs{margin-top:32px}

/* 35. Kopblokken: gecentreerd blok met bijna gelijke marge links en rechts (opmerking Roy, 1 nov 2026, screenshot "zo moet het", daarna "trek dit door naar alle pagina's").
   Tekst en beeld vullen samen de breedte min de marges (links 5,8%, rechts 5% van het scherm); tekstkolom 40%, beeld 60%; het ruitjespapier loopt in de marges door.
   De eerdere varianten (tekst op de menulijn en beeld tot de schermrand, of twee gelijke kolommen) voelden naar rechts geschoven. */
@media (min-width:1400px){
 /* Op zeer brede schermen (4K, 32:9) blijft de inhoud van het kopblok binnen 1800 px en staat gecentreerd; het ruitjespapier loopt wel over de volle breedte. */
 .v{--hm-l:max(clamp(48px,5.8vw,180px),calc((100% - 1800px)/2 + 20px));--hm-r:max(clamp(40px,5vw,156px),calc((100% - 1800px)/2))}
 .v :is(.hero:not(.vcm-nofix),.aeh,.blh,.oh,.ikh,.kb-h,.mhero,.ph,.cxh,.ovh,.tgH,.seh,.vwH,.pcH,.vzH,.rtH,.ldHero,.syh:not(.syh--geen-foto)){grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);padding-left:var(--hm-l);padding-right:var(--hm-r)}
 .v :is(.hero:not(.vcm-nofix),.aeh,.blh,.oh,.ikh,.kb-h,.mhero,.ph,.cxh,.ovh,.tgH,.seh,.vwH,.pcH,.vzH,.rtH,.ldHero,.syh:not(.syh--geen-foto)) :is(.ht,.ot,.mht,.ikt,.aet,.blt,.kb-t,.ovt,.tgT,.pht,.cxht,.set,.vwT,.pcT,.vzT,.rtT,.ldT){padding-left:0}
 .v.v .hero:not(.vcm-nofix) .eeg{left:0;right:48px;max-width:460px}
 .v .hero:not(.vcm-nofix):not(.vh){grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)}
 /* Systeem- en toestelpagina's en de blaasscanner hebben drie kenmerken naast elkaar in de tekstkolom: iets bredere tekstkolom (50/50). */
 .v :is(.syh:not(.syh--geen-foto),.aeh,.teh){grid-template-columns:minmax(0,.5fr) minmax(0,.5fr);padding-left:var(--hm-l);padding-right:var(--hm-r)}
 .v :is(.syh,.teh) :is(.syt,.tet){padding-left:0}
 .v :is(.whh,.cth:has(>.ctt),.nh,.syh.syh--geen-foto){padding-left:var(--hm-l);padding-right:var(--hm-r)}
 .v :is(.whh,.cth:has(>.ctt),.nh,.syh.syh--geen-foto)>:is(.paper,.ctt,.nht){padding-left:0}
}

/* ===== 0.3.38 visuele controle (expert C) ===== */

/* 35. Vakgebied-rijen op de home met productfoto (.rim): tussen 901 en 1279 px was de middenkolom (1fr) smaller dan de foto van 200 px,
   waardoor de foto over de beschrijving viel (gemeten bij 1024 px). Daar: smallere kolommen en een kleinere kopgrootte; vanaf 1280 px blijft alles zoals het was. */
@media (min-width:901px) and (max-width:1279px){
 .v .row:has(> .rim){grid-template-columns:minmax(0,270px) 200px minmax(0,1fr) 40px;gap:24px}
 .v .row:has(> .rim) > .lab{font-size:36px}
}

/* 36. Tikdoel van de kleine koppelingen rechts in het menu (Merken, Kennisbank, Over VCM): 24 px hoog (WCAG 2.5.8); was 20 px. */
.vcm-header .nav .side a{display:inline-flex;align-items:center;min-height:24px}
/* De regel hierboven is voor de knoppen in de zijbalk (Merken, Kennisbank). Het uitklapmenu van Merken hangt in diezelfde balk en mag er niet door 
   veranderen: naam en omschrijving staan onder elkaar, en de koppelingen in het menu houden hun eigen opmaak. */
.vcm-header .nav .side .mega li a{display:block;min-height:0}
.vcm-header .nav .side .mega .mbar a{display:inline-flex;min-height:40px}
.vcm-header .nav .side .mega .mfoot a{display:inline;min-height:0}
.vcm-header .nav .side .mega .feat{display:flex;min-height:240px}
.vcm-header .nav .side .mega .mh{display:block;min-height:0;white-space:normal;width:auto}

/* 37. Leesbare regellengte op brede schermen: korte meldingen en hulpteksten niet over de volle containerbreedte (gemeten tot 1376 px). */
.v :is(.lgn,.kb-n,.vcm-shop-notice,.vcm-empty p){max-width:78ch}

/* 38. Kop van archief- en merk/vakgebied-pagina's (.nh): de inleiding blijft op leesbare breedte (was de volle breedte, 1713 px bij 1920 px). */
.v .nh > .lead{max-width:62ch}

/* 39. Webshopstartpagina: de melding "Online bestellen opent binnenkort" (bestelschakelaar uit = standaard) staat als losse regel tussen de hero-tekst en
   het toestelblok, waardoor zij als extra kolom naast de tekst kwam te staan en het toestelblok de halve breedte kreeg (gemeten bij 1280 px).
   Vanaf 901 px: een eigen balk over de volle breedte boven de hero. */
@media (min-width:901px){
 .v .whh > .vcm-shop-notice{grid-column:1/-1;grid-row:1;max-width:none;margin:0;border:0;border-left:4px solid var(--blue);border-bottom:1px solid var(--grid);padding:14px 24px;background:var(--ice)}
}

/* 39b. Tot 900 px: dezelfde melding op de zijmarge van de tekst (20 px), niet tegen de schermrand. */
@media (max-width:900px){.v .whh > .vcm-shop-notice{margin:0 20px 16px;max-width:none}}

/* ===== 0.3.39 visuele controle (expert I) ===== */

/* 40. Kopblokken op ultrabrede schermen (vanaf 2560 px): tekst en beeld lijnen uit met menu en inhoud.
   Tot nu toe bleef de inhoud van het kopblok op 1800 px, terwijl menu en pagina-inhoud op 1440 px staan: de kop begon
   192 px links van het logo en eindigde 192 px rechts van de menurand (gemeten bij 2560 en 3840 px). Vanaf 2560 px gebruikt het kopblok
   dezelfde marge als het menu (--vcm-gutter); het ruitjespapier loopt aan beide kanten door. Onder 2560 px verandert er niets. */
@media (min-width:2560px){
 .v{--hm-l:var(--vcm-gutter);--hm-r:var(--vcm-gutter)}
}

/* 41. Leesbare regellengte (vervolg op 37): hulpteksten en inleidingen in vakken die breder zijn dan 78 tekens (gemeten 87 tot 112 tekens
   per regel op 1280 tot 3840 px). Alleen de tekst wordt begrensd, niet het vak of de achtergrond; op smalle schermen verandert er niets. */
.v :is(.dcni,.leg,.mdisc p,.obs .obt p,.pcnt,.sl-cn,.sl-vn,.vbu,.tele,.teth p,.zrl p,.oh>.op p,.vcm-vit p,.pm-cn){max-width:78ch}
@media (min-width:901px){
 /* De melding over bestellen staat in een balk over de volle breedte (39); de tekst erin blijft op leesbare breedte. */
 .v .whh > .vcm-shop-notice{padding-right:max(24px,calc(100% - 24px - 78ch))}
}

/* 42. Foto's nooit groter dan hun eigen breedte op een kader:
   product- en toestelfoto's die in een groot vlak stonden (contain) werden op 1920 px en breder tot 1,8 keer opgerekt en dus onscherp
   (gemeten: merkpagina's, cardiologie). Nu op eigen formaat, gecentreerd op het lichte vlak; wordt het vak kleiner dan de foto, dan krimpt
   de foto mee (max-width en max-height 100%). */
.v .sys .im:has(>img[src*="/p-"])>img,.v .demo figure.prod>img{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}
.v .demo figure.prod{display:flex;align-items:center;justify-content:center}
@media (min-width:1920px){
 /* Brede fotobanden (home: Service; Neurologie: observatiepost): foto 50 of 55% van het scherm, bron 720 tot 792 px, tot 2,7 keer opgerekt.
    Vanaf 1920 px is de band zo breed als de container (--vcm-wrap) en gecentreerd; de achtergrondkleur loopt links en rechts door. */
 .v :is(.svc,.obs){padding-inline:calc(var(--vcm-gutter) - 32px)}
 .v .svc{background:var(--ice)}
}

/* 43. Tikdoel "Inloggen" in het documentencentrum: 24 px hoog (was 23 px; WCAG 2.5.8). */
.v .dcnr .dcnl{display:inline-flex;align-items:center;min-height:24px}

/* ===== 0.3.40 gebied D: visuele controle (expert V en J) ===== */

/* 44. Kopschaal in tokens: één H1, twee H2-niveaus en één kaartkop-niveau.
   Eerder stonden er op 1280 px zeven H2-maten (30, 31, 36, 38, 40, 44, 48, 51 px) en op 390 px zes H1-maten (39 tot 64 px).
   -l  = sectie die een onderwerp opent (alle h2.d2): 32 px op telefoon, 44 px op 1280, 48 px vanaf 1475 (vlakker dan de H1, zodat H1 : H2 op elke breedte rond 1,2 ligt)
   -m  = subsectie, CTA-band, formulier- of systeemkop (alle andere h2 in de inhoud): 26 px op telefoon, 38 px op 1280, 40 px vanaf 1410
   h3-k = kaart- of lijstkop (26 tot 32 px, eerder 8 maten): 22 px op telefoon, 30 px vanaf 1030
   Wie een kop groter of kleiner wil, past hier het token aan; de paginabestanden hoeven niet meer mee. */
:root{
 --fs-h2-l:clamp(2rem,1.25rem + 1.9vw,3rem);
 --fs-h2-m:clamp(1.625rem,1rem + 1.7vw,2.5rem);
 --fs-h3-k:clamp(1.375rem,.9rem + 1.2vw,1.875rem);
 --fs-h2:var(--fs-h2-l);
}
.v.v .d2{font-size:var(--fs-h2-l)}
.v.v h2.d3{font-size:var(--fs-h2-m);line-height:1.04}
/* Alle overige h2's in de inhoud: -m. Niet in de winkel (kassa, winkelwagen, product, zoekresultaten: eigen opmaak), niet in de
   inhoudsopgave van een kennisartikel, de lijsten met berichten en de uitgelichte nieuwskop. */
:where(body:not(.vcm-product,.vcm-checkout,.vcm-winkelwagen,.vcm-orderbevestiging,.vcm-zoekresultaten,.woocommerce-cart,.woocommerce-checkout,.woocommerce-order-received)) main.v.v h2:where(:not(.d2,.d3)):where(:not(.ka-toc h2,.vcm-entry-list h2,.nw-f h2,.vcm-sys-h)){font-size:var(--fs-h2-m);line-height:1.04}
.v.v :is(.tek,.tesv,.vwC,.tgC,.aedg,.ca-cg,.ca-kg,.sv-m,.sv-k aside,.nw-it,.pm-ic,.syw,.syq,.rtC,.pcC,.app,.ow3,.sl-p,.vcm-vit,.vcm-entry-body,.ka-t) h3{font-size:var(--fs-h3-k)}
/* Telefoon: één H1-maat voor alle kopblokken (eerder 39 tot 64 px per pagina); lange kopwoorden houden hun eigen min()-regel. */
@media (max-width:520px){
 .v.v :is(.vh,.sl-h,.ca-h,.mht,.ikt) h1.d1{font-size:clamp(34px,10vw,44px);line-height:1.02}
}

/* 45. Mobiele onderbalk: de witte strook van 64 px onder de donkere voet is weg. De ruimte voor de vaste balk zit nu in de voet
   zelf (navy), niet meer in de pagina (wit). Zonder cookiemelding 64 px, met cookiemelding (de onderbalk is dan verborgen) de hoogte van de melding. */
@media (max-width:900px){
 html body:has(.vcm-actbar){padding-bottom:0}
 html body:has(.vcm-actbar) .ft{padding-bottom:calc(var(--vcm-cb-h,0px) + 64px)}
 html.vcm-cb-open body:has(.vcm-actbar){padding-bottom:0}
 html.vcm-cb-open body:has(.vcm-actbar) .ft{padding-bottom:var(--vcm-cb-h,0px)}
}

/* 46. Contactkaarten (en de kaartrijen "ow" en "osw"): een rechte bovenrand. De afgeronde hoek (12 px) op een rand van 2 px gaf een halve boog. */
.v :is(.ctc,.ow .c,.osw .c){border-radius:0}

/* 47. Engelse pagina's: "(Dutch)" is een klein label naast de titel en laat het pijltje op dezelfde regel (Frequently ordered). */
.vcm-nl{margin-left:.4em}
.v .bst li a:has(.vcm-nl){grid-template-columns:minmax(0,1fr) auto auto}
.v .bst li a .vcm-nl{white-space:nowrap}

/* 48. Kruimelpad op telefoon: bij drie of meer niveaus blijft de huidige pagina alleen voor schermlezers staan (de kop eronder noemt hem al);
   zo eindigt het pad niet op een losse "/" en staat er geen losse regel. */
@media (max-width:520px){
 .v .crumb:has(> a:nth-of-type(2)) > span:last-child{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
 .v .crumb:has(> a:nth-of-type(2)) > span[aria-hidden]:nth-last-child(2){display:none}
}

/* 49. Hero's op telefoon: tekst en knoppen eerst, daarna de foto. In het eerste scherm (390 x 844 met cookiemelding) stond alleen de foto,
   de kop en een stuk tekst; de knoppen lagen achter de melding (expert J A12, expert T A18). */
@media (max-width:900px){
 .v .hero > .hi{order:1}
 .v .ph > .phi{order:1;height:300px} /* Okti-hero: zelfde volgorde (de pagina-CSS zette de foto eerst) */
}

/* 50. Kopblokken 404 en webshop: tekst op de lijn van het menu (tot 1399 px; vanaf 1400 px volgen ze de kopmarge van de andere kopblokken).
   Eerder stond de H1 op 96 px terwijl het menu op 32 px begint (gemeten bij 1280 px). */
@media (min-width:901px) and (max-width:1399px){
 .v .wht{padding-left:var(--vcm-gutter)}
 .v .nf{padding-left:var(--vcm-gutter);padding-right:var(--vcm-gutter)}
}
@media (min-width:1400px){
 .v .nf{padding-left:var(--hm-l,var(--vcm-gutter));padding-right:var(--hm-r,var(--vcm-gutter))}
}

/* 51. Toestelkeuze in de webshop-hero: dezelfde selectstijl als op de home (eigen pijl, ruimte voor de tekst). */
.v .whp select{appearance:none;-webkit-appearance:none;padding-right:40px;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23031B4E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}

/* 52. Okti-foto op een lichtblauw vlak: de lichte fotoachtergrond mengt met het vlak, er blijft geen rechthoekig randje over. */
.v .phi{background:var(--ice);isolation:isolate}
.v .phi img{mix-blend-mode:multiply}

/* 53. Home, Service-band: de foto (1400 x 788, liggend) vulde de hele kolom van 1007 px hoog en werd 2,2 keer opgerekt. Vanaf 901 px staat hij
   nu op eigen formaat (maximaal 720 px hoog, bijgesneden) midden in de kolom; het bijschrift staat eronder. */
@media (min-width:901px){
 .v .svc figure{display:flex;flex-direction:column;justify-content:center;background:var(--ice)}
 .v .svc figure img{position:static;width:100%;height:auto;max-height:720px;aspect-ratio:4/5;inset:auto}
 .v .svc figcaption{position:static;max-width:none;background:transparent;padding:14px clamp(20px,3vw,40px)}
}

/* 53b. Tot 900 px: het bijschrift staat ook onder de foto (het witte vlak bedekte op een telefoon ruim de helft van de onderrand van de foto). */
@media (max-width:900px){
 .v .svc figure{height:auto;display:flex;flex-direction:column}
 .v .svc figure img{position:static;height:280px;inset:auto}
 .v .svc figcaption{position:static;max-width:none;background:transparent;padding:10px 20px}
}

/* 54. Hero-marge (gekozen door Roy op 2 november 2026).
   Doel: op brede schermen (vanaf 1400 px) staat de hero-tekst op dezelfde lijn als het logo en het menu (kopmarge = --vcm-gutter), en op 1920 px
   wordt de inhoud iets breder (1560 px) zodat de lege kanten kleiner zijn. Vergelijking (huidig en voorstel, 1440 en 1920 px; home, merkpagina,
   vakgebied): zie de map hero-marge in de reviewuitvoer.
   Terugdraaien: zet dit blok tussen commentaartekens. De bestaande regels in 31, 35 en 40 hoeven niet te veranderen. */

@media (min-width:1400px){
 .v{--hm-l:var(--vcm-gutter);--hm-r:var(--vcm-gutter)}
}
@media (min-width:1920px){
 :root{--vcm-wrap:1560px}
}
@media (min-width:2560px){
 :root{--vcm-wrap:1760px}
}
@media (min-width:1400px){
 .v :is(.mhero,.syh:not(.syh--leeg)){grid-template-columns:minmax(0,.46fr) minmax(0,.54fr)}
}

/* 55. Kop met zichtbare subregel (<h1 class="d1">Naam<span class="h1c">: </span><span class="h1s">subregel</span></h1>) op alle pagina's die dit
   patroon gebruiken (vakgebieden, Okti, merken). De dubbele punt blijft voor zoekmachines en schermlezers; zichtbaar is de naam groot en de
   subregel eronder. Standaardwaarden met lage specificiteit: eigen pagina-CSS (merk*.css, service.css) wint. Op een telefoon blijft de kop
   (naam + subregel) binnen drie regels. */
:where(.d1) .h1c{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(.d1) .h1s{display:block;margin-top:16px;font-family:var(--sans);font-weight:600;font-size:24px;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--slate)}
@media (max-width:900px){
 :where(.d1) .h1s{font-size:19px;margin-top:10px}
}

/* 56. De H1 op /merken/ heeft een eigen maat in de opmaak (stijlattribuut met !important in sectie 31): op een telefoon dezelfde maat als de andere pagina's. */
@media (max-width:520px){
 .v.v .mht h1.d1[style]{font-size:clamp(34px,10vw,44px)!important}
}

/* ===== 57. UX-review (2 november 2026): kleine CSS-correcties ===== */

/* 57.1 Telefoonnummer in de donkere kopkaart (.op / .ikp) breekt niet meer af. Tussen 901 en 1279 px is de kaart smal (ongeveer 226 tot 370 px
   binnenbreedte): het nummer schaalt mee met de breedte van het scherm en blijft op één regel. */
.v .op .tel,.v .ikp .tel{white-space:nowrap}
@media (min-width:901px) and (max-width:1279px){
 .v .op .tel,.v .ikp .tel{font-size:clamp(36px,4.3vw,52px)}
}

/* 57.2 Slaap-hero: de foto (liggend, patiënt links) staat in een staande kolom; de algemene uitsnede (62 tot 68 %) toonde alleen beddengoed.
   Vanaf 901 px blijft het gezicht links in beeld (ook vanaf 1920 px: daar viel de sensor op het voorhoofd half buiten beeld). */
@media (min-width:901px){
 .v.v .hero.sl-h:not(.vcm-nofix) .hi img{object-position:22% 40%}
}

/* 57.3 Neurologie-hero: de uitsnede voor het kind met de Okti-knuffel (.vh, 30 %) in sectie 31 wint niet van de algemene regel
   (.v .hero:not(.vcm-nofix) .hi img, hogere specificiteit) en gold niet vanaf 1920 px. Nu vanaf 901 px op één plek. */
@media (min-width:901px){
 .v.v .hero.vh:not(.vcm-nofix) .hi img{object-position:20% 50%}
}

/* 57.4 Tabpaneel (neurologie .tpg en slaap .sl-tpg) op tablet-liggend (901 tot 1279 px): smallere tabkolom en een smalle foto naast een brede
   tekstkolom, zodat de kop van een toepassing niet op bijna elk woord afbreekt. */
@media (min-width:901px) and (max-width:1279px){
 .tpg,.sl-tpg{grid-template-columns:240px minmax(0,1fr)}
 .panel,.sl-panel{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
 .pc,.sl-pc{padding:32px 28px 28px}
 .pc h3{font-size:34px}
 .sl-pc h3{font-size:34px}
}

/* 57.5 Sprongchips in de hero (neurologie .jump, cardiologie .ca-jump, slaap .sl-jump, patiëntmonitoring .pm-jump): tot en met 1100 px één rij die zijwaarts
   scrolt in plaats van drie tot vier rijen; de rechterrand loopt zacht uit als aanwijzing, de laatste chip houdt ruimte vrij. */
@media (max-width:1100px){
 .v :is(.jump,.ca-jump,.sl-jump,.pm-jump){flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:8px;padding-right:32px;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
 .v :is(.jump,.ca-jump,.sl-jump,.pm-jump)::-webkit-scrollbar{display:none}
 .v :is(.jump,.ca-jump,.sl-jump,.pm-jump) a{flex:none;white-space:nowrap}
}

/* 57.6 Productfoto in de hero van cardiologie op een telefoon: het toestel vult het vlak (eerder 40 px marge rondom in een vlak van 190 px). */
@media (max-width:520px){
 .v .ca-hi>img{padding:12px}
}

/* 57.7 "Kies uw vakgebied" op mobiel en tablet: de samenvatting loopt tot drie regels (eerder twee, afgekapt met een beletselteken) en de merkregel blijft zichtbaar. */
@media (max-width:900px){
 .v .row:has(> .rim) .what{-webkit-line-clamp:3}
 .v .row:has(> .rim) .who{display:block;margin-top:4px;font-size:13px;line-height:1.35}
}

/* 57.8 Alleenstaande tekstlinks onder foto's, kaarten en lijsten (spec-, advies- en bekijk-links): op touch en onder 900 px een tikdoel van 44 px
   (eerder ongeveer 24 px). Links midden in een zin blijven ongemoeid. */
@media (pointer:coarse),(max-width:900px){
 .v :is(.ca-sg4 article,.pm-sg4 article,.sl-sg4 .sl-bd,.ca-kg>div,.icg>div,.pm-c,.syo .g article)>a{display:flex;align-items:center;min-height:44px}
}

/* 57.9 Neurologie: de rijlabels in "EMG,EP en TCD" (.row.small .lab,40 px) waren groter dan de sectiekop (32 px op mobiel);nu duidelijk kleiner. */ @media (max-width:900px){.v .row.small .lab{font-size:28px}}@media (min-width:901px) and (max-width:1279px){.vcm-cardiologie :is(.ca-ch,.ca-sy,.ca-cf,.ca-el,.ca-kp,.ca-svc),.vcm-neurologie :is(.tp,.cmt,.sw,.ict,.oc,.mont,.mont.mm,.syo,.svc,.ver),.vcm-slaap :is(.sl-tp,.sl-sy,.sl-sp,.sl-sw,.sl-nl,.sl-svc,.sl-ver,.sl-dc),.vcm-patientmonitoring :is(.pm-sy,.pm-ph,.pm-cmt,.pm-pj,.pm-dc,.pm-ver,.pm-ic),.vcm-home :is(.mont,.shop){padding-top:80px;padding-bottom:80px}}@media (max-width:600px){.vcm-cb:has(.vcm-cbk>.btn:only-child){padding:10px 14px;gap:10px}.vcm-cb:has(.vcm-cbk>.btn:only-child) p{font-size:13px;line-height:1.35}.v .vcm-cb:has(.vcm-cbk>.btn:only-child) .vcm-cbk .btn{min-height:44px;min-width:72px;padding:0 12px;font-size:14px}.vcm-cb:not(:has(.vcm-cbk>.btn:only-child)){padding:10px 14px 12px;gap:6px}.vcm-cb:not(:has(.vcm-cbk>.btn:only-child)) b{font-size:16px;margin-bottom:0}.vcm-cb:not(:has(.vcm-cbk>.btn:only-child)) p{font-size:13px;line-height:1.35}.vcm-cb:not(:has(.vcm-cbk>.btn:only-child)) .vcm-cbk{gap:6px}.v .vcm-cb:not(:has(.vcm-cbk>.btn:only-child)) .vcm-cbk .btn{min-height:44px}.vcm-cb-set{margin-top:10px;padding-top:10px;gap:8px}}html.vcm-cb-open:has(.vcm-actbar){scroll-padding-bottom:calc(var(--vcm-cb-h,0px) + 16px)}@media (min-width:901px){.intent .wrap:not(:has(>a:nth-child(5))){grid-template-columns:repeat(4,minmax(0,1fr))}}:where(.v) :where(p.lead,p.txt,p.hp,p.prmn,dd,label small) a:not([class]){color:var(--blue);text-decoration:underline;text-underline-offset:3px}:where(.v) :where(.oc,.sl-o,.syq,.pcall,.sg.dark,.band,.klant,.op,.ikp,.whp,.ka-z,.ovband,.pcA,.mcard,.kb-s) :where(p.lead,p.txt,p.hp,p.prmn,dd,label small) a:not([class]){color:#FFFFFF}@media (hover:hover){.v .crumb a:hover{text-decoration:underline;text-underline-offset:3px}.ft .legal a:hover{color:#FFFFFF}.hd .search button:hover{background:var(--blue)}}@media (min-width:1280px) and (max-width:1399px){.vcm-header:lang(en) .nav>.wrap{gap:0}.vcm-header:lang(en) .nav .vkc{width:24px}.vcm-header:lang(en) .nav .side{gap:16px}}