/* Het menudeel van v8.css (websitebanner.nl, byte-gelijk). Het ontwerp laadt
   v8.css alleen op index en de infopagina's; daar is het megamenu verfijnd.
   Op de andere pagina's laden we alleen dit deel, zodat het menu overal gelijk
   is aan index.html (Ries 15-10: "specials is beetje anders"). */
@media(min-width:900px){
 .main-nav .sub-menu-block{background:#fff;border:1px solid #e2ded4;border-top:2px solid #315d50;border-radius:0 0 16px 16px;padding:20px;gap:18px;box-shadow:0 16px 38px #3042391c;align-items:start;max-height:min(70vh,620px);overflow-y:auto}
 .main-nav .submenukolom li{font-size:1rem;line-height:1.25;color:#43594d}
 .main-nav .submenukolom li>a{display:block;padding:4px 7px;min-height:28px;border-radius:5px;line-height:1.25;transition:background .15s,color .15s}
 .main-nav .submenukolom li>a:hover{background:#f4f1e9;color:#244b3d;text-decoration:none}
 .main-nav .submenukolom li>a:focus-visible{outline:2px solid #315d50;outline-offset:-2px;background:#f4f1e9}
 .main-nav .submenukolom b{font-size:1rem;font-weight:600;color:#294d43;letter-spacing:normal}
 .main-nav #link_1>.sub-menu-block>.submenukolom>ul>li:first-child{display:flex;align-items:center;min-height:32px;margin-bottom:5px;border-bottom:1px solid #ebe7de}
 .main-nav #link_1>.sub-menu-block>.submenukolom>ul>li:first-child>a{width:100%;padding:3px 7px}
 .main-nav #link_1>.sub-menu-block>.submenukolom:nth-child(3),
 .main-nav #link_1>.sub-menu-block>.submenukolom:nth-child(5),
 .main-nav #link_1>.sub-menu-block>.submenukolom:nth-child(6){border-left:1px solid #eeeae1;padding-left:14px}
 .main-nav #link_1>.sub-menu-block>.submenukolom:first-child{padding:11px;background:#f7f4ed;border:1px solid #ebe5d9;border-radius:12px}
 .main-nav #link_1>.sub-menu-block>.submenukolom:first-child>ul>li:first-child{padding-left:3px;min-height:21px;margin-bottom:10px;border:0}
 .main-nav .submenukolom a.jongenmenubox,
 .main-nav .submenukolom a.meisjemenubox,
 .main-nav .submenukolom a.ontwerpmenubox{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px;margin:0 0 7px;border:1px solid;border-radius:8px;font-weight:600;line-height:1.25}
 .main-nav .submenukolom a.jongenmenubox{color:#365a68;background:#e7eff3;border-color:#d5e2e8}
 .main-nav .submenukolom a.meisjemenubox{color:#74534f;background:#f5e6e3;border-color:#ead5d0}
 .main-nav .submenukolom a.ontwerpmenubox{color:#5c5948;background:#eeeadf;border-color:#ddd7c7;margin-bottom:0}
 .main-nav .submenukolom a.jongenmenubox:hover{background:#dbe8ee;color:#284c5a}
 .main-nav .submenukolom a.meisjemenubox:hover{background:#eedbd6;color:#63433e}
 .main-nav .submenukolom a.ontwerpmenubox:hover{background:#e5dfd0;color:#484532}
 .main-nav .submenukolom a.jongenmenubox::before,
 .main-nav .submenukolom a.meisjemenubox::before,
 .main-nav .submenukolom a.ontwerpmenubox::before{content:"";display:block;width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--dropdown-icon) center/contain no-repeat;mask:var(--dropdown-icon) center/contain no-repeat}
}
@media(min-width:900px) and (max-width:1199px){
 .main-nav #link_1:hover>.sub-menu-block,.main-nav #link_1:focus-within>.sub-menu-block,.main-nav #link_1.is-open>.sub-menu-block{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
 .main-nav #link_1>.sub-menu-block>.submenukolom:nth-child(5){border-left:0;padding-left:0}
}

@media(min-width:900px){
 .main-nav .submenukolom a.jongenmenubox{--dropdown-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%207a3%203%200%201%201%204-4m9%204a3%203%200%201%200-4-4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2215%22%20rx%3D%223%22%20ry%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M9%2010h.01M15%2010h.01m-4%204h2l-1%201v1%22%2F%3E%3C%2Fsvg%3E")}
 .main-nav .submenukolom a.meisjemenubox{--dropdown-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%208C6-1%202%208%208%2011c-9%201-4%2010%202%205-1%209%209%207%206-1%208%204%2010-6%202-6%204-7-5-10-6-1Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E")}
 .main-nav .submenukolom a.ontwerpmenubox{--dropdown-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2015%2011-11a2%202%200%200%201%203%200l2%202a2%202%200%200%201%200%203L9%2020H4v-5Zm9-9%205%205M4%2021h16%22%2F%3E%3C%2Fsvg%3E")}
}