/* V8: a calm illustrated quick menu and compact phone category rows. */
#left_container.quick-v8{padding:0;background:#f3f0e8;border:1px solid #dfded4;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #394c3f06}
#left_container.quick-v8>.h2{margin:0}
#left_container .quick-toggle{gap:11px;padding:17px 14px;min-height:76px;color:#294d43;background:#fffcf7;border-radius:0;font:600 1rem/1.25 var(--body);text-align:left}
#left_container .quick-heading-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;color:#64715b;background:#eeeadf;border:1px solid #e2ddcf;border-radius:11px}
#left_container .quick-heading-icon svg,#left_container.is-expanded .quick-toggle .quick-heading-icon svg{display:block;width:22px;height:22px;transform:none}
#left_container .quick-heading-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
#left_container .quick-heading-title{font-size:1rem;font-weight:650}
#left_container .quick-heading-detail{font-size:.875rem;line-height:1.3;font-weight:400;color:#637063}
#left_container .quick-chevron{width:20px;height:20px;flex:0 0 20px}
#left_container .quick-links{padding:14px 12px 12px;border-top:1px solid #e4dfd3}
#left_container .quick-group+.quick-group{margin-top:18px;padding-top:17px;border-top:1px solid #ddd8cc}
#left_container .quick-group-title{font:600 .875rem/1.4 var(--body);letter-spacing:normal;margin:0 0 9px 3px;color:#5a6455}
#left_container .quick-group ul{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
#left_container .quick-group li{min-width:0}
#left_container li a.quick-choice{display:flex;align-items:center;flex-wrap:nowrap;gap:9px;width:100%;min-height:46px;padding:10px 9px;margin:0;background:#fffdf9;border:1px solid #e7e1d5;border-radius:9px;color:#304e43;line-height:1.35;text-decoration:none;transform:none;transition:background .18s,border-color .18s,box-shadow .18s}
#left_container li .quick-icon{display:block;flex:0 0 21px;width:21px;height:21px;color:#68735e}
#left_container li .quick-link-label{display:block;min-width:0;flex:1;padding:0;border-radius:0;background:transparent;color:inherit;font-size:1rem;line-height:1.35;font-weight:450;overflow-wrap:normal}
#left_container li.quick-all{grid-column:1/-1}
#left_container li.quick-all a{background:#e9e5d8;border-color:#dcd6c6;margin-top:2px}
#left_container li.quick-all .quick-link-label{font-weight:600}
#left_container a.quick-choice:focus-visible,#left_container .quick-toggle:focus-visible{outline:2px solid #315d50;outline-offset:-3px}
#left_container a.quick-choice:active{background:#e8e3d7;border-color:#c6bfab}
@media(hover:hover) and (pointer:fine){
 #left_container a.quick-choice:hover{background:#f5f1e7;border-color:#c8c1af;box-shadow:0 2px 5px #3447350b;transform:none}
}
@media(min-width:900px){
 #left_container.quick-v8{position:static}
 #left_container .quick-toggle{padding:17px 12px;gap:8px}
 #left_container .quick-heading-icon{flex-basis:29px;width:29px;height:33px;border-radius:9px}
 #left_container .quick-heading-title{font-size:1rem}
 #left_container .quick-heading-detail{display:none}
 #left_container .quick-chevron{display:none}
 #left_container .quick-links{padding:12px 9px}
 #left_container .quick-group ul{gap:3px}
 #left_container li a.quick-choice{min-height:32px;padding:5px 7px;background:transparent;border-color:transparent;gap:7px}
 #left_container li .quick-icon{width:18px;height:18px;flex-basis:18px}
 #left_container li.quick-all a{background:#e9e5d8;border-color:#dcd6c6}
}
@media(max-width:899px){
 #left_container.quick-v8{width:100%;padding:0;position:static}
 #left_container .quick-toggle{min-height:70px;padding:14px}
 #left_container .quick-links{padding:16px 12px 12px}
 #left_container .quick-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #left_container li a.quick-choice{min-height:58px;padding:10px;gap:8px}
 #left_container li.quick-all a{min-height:48px;padding:12px}
}
@media(max-width:699px){
 #right_container_content_home{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
 #right_container_content_home>.zoom{--row-base:#f5e9e5;background:var(--row-base);border:1px solid #e5dcd4;border-radius:13px;overflow:hidden}
 #right_container_content_home>#right_container_2{--row-base:#e5eef0;border-color:#d9e3e3}
 #right_container_content_home>#right_container_3{--row-base:#f0e9e2}
 #right_container_content_home>#right_container_4{--row-base:#f1eee5;border-color:#e2ddd3}
 #right_container_content_home .zoom>a{display:flex;align-items:center;position:relative;isolation:isolate;min-height:clamp(5.25rem,23vw,6.25rem);padding:14px 18px;background:var(--row-base);overflow:hidden;transform:none;border-radius:12px;-webkit-tap-highlight-color:transparent}
 #right_container_content_home .zoom img{position:absolute;z-index:0;inset:0 0 0 auto;width:70%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 49%;border-radius:0;transform:none;transition:filter .18s,opacity .18s,transform .25s}
 #right_container_content_home #right_container_3 img{object-position:50% 43%}
 #right_container_content_home #right_container_4 img{object-position:50% 55%}
 #right_container_content_home .zoom>a::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--row-base) 0%,var(--row-base) 31%,transparent 68%);pointer-events:none}
 #right_container_content_home .category-caption{position:relative;z-index:2;display:block;min-height:0;padding:0;background:transparent;max-width:48%;font-size:1.375rem;line-height:1.2;font-weight:650;letter-spacing:-.025em;color:#294d43;text-align:left;overflow-wrap:anywhere;pointer-events:none}
 #right_container_content_home .zoom>a:focus-visible{outline:3px solid #315d50;outline-offset:-4px}
 #right_container_content_home .zoom>a:active img{filter:blur(1.5px);opacity:.72;transform:scale(1.02)}
 #right_container_content_home .zoom>a:active .category-caption{color:#183f34}
}
@media(max-width:699px) and (hover:hover) and (pointer:fine){
 #right_container_content_home .zoom>a:hover img{filter:blur(1.5px);opacity:.72;transform:scale(1.02)}
}
@media(prefers-reduced-motion:reduce){
 #right_container_content_home .zoom img,#left_container a.quick-choice{transition:none}
}

/* Desktop fix: readable quick links and aligned bottoms without empty space. */
@media(min-width:900px){
 .opening-grid{grid-template-columns:minmax(15.5rem,max-content) minmax(0,1fr);column-gap:24px;align-items:stretch}
 #left_container.quick-v8{align-self:start}
 #left_container .quick-toggle{min-height:60px;padding:12px}
 #left_container .quick-links{padding:10px 9px}
 #left_container .quick-group ul{gap:2px}
 #left_container .quick-group-title{margin-bottom:8px}
 #left_container .quick-group+.quick-group{margin-top:12px;padding-top:12px}
 #left_container li a.quick-choice{min-height:30px;padding-block:3px}
 #left_container li .quick-link-label{white-space:normal;word-break:normal;overflow-wrap:normal}
 .opening-grid>#right_container{align-self:stretch;grid-template-rows:minmax(min-content,1fr) auto}
}

/* Desktop dropdown: white link area, clear groups and three themed shortcuts. */
@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")}
}