/* ===== Easter egg: tooltip op de jaartallen ===== */
.wj-1999-egg { position: relative; display: inline-block; }
.wj-1999-years { border-radius: 4px; } /* bewust niets zichtbaars: het moet een easter egg blijven */
.wj-1999-tip { position: absolute; left: 50%; top: calc(100% + 12px); z-index: 60; transform: translateX(-50%); padding: 10px; border-radius: 12px; background: #2e1352; box-shadow: 0 8px 24px rgb(0 0 0 / .35); white-space: nowrap; visibility: hidden; opacity: 0; transition: opacity .15s, visibility .15s; }
.wj-1999-tip::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.wj-1999-tip::after { content: ""; position: absolute; left: 50%; top: -7px; margin-left: -7px; border: 7px solid transparent; border-top: 0; border-bottom-color: #2e1352; }
.wj-1999-egg:hover .wj-1999-tip, .wj-1999-egg:focus-within .wj-1999-tip { visibility: visible; opacity: 1; }
.wj-1999-party { display: inline-block; padding: 10px 18px; border: 0; border-radius: 999px; background: #c7fdbb; color: #2e1352; font-family: var(--font-heading); font-weight: 700; font-size: 15px; line-height: 1; cursor: pointer; }
.wj-1999-party:hover { background: #fff; }
.wj-1999-back { position: fixed; z-index: 9999; left: 76px; bottom: 16px; height: 48px; padding: 0 18px; }
@media (min-width: 960px) { .wj-1999-back { left: 96px; bottom: 36px; } }
.wj-1999-back[hidden] { display: none; }

/* Alleen desktop/tablet-landscape (>= 960px): op mobiel geen easter egg */
@media (max-width: 959px) { .wj-1999-tip, .wj-1999-back { display: none !important; } }

/* ===== 1999: alleen styling, inhoud blijft gelijk ===== */
@media (min-width: 960px) {

/* Specificiteit opgehoogd (4x .wj-1999), zodat de regels ook boven fixes.css (!important) winnen */
html.wj-1999.wj-1999.wj-1999.wj-1999 body { background: #5c0a8a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Crect width='140' height='140' fill='%235c0a8a'/%3E%3Cg fill='%23ffff99' fill-opacity='.6'%3E%3Ccircle cx='12' cy='20' r='.9'/%3E%3Ccircle cx='88' cy='9' r='.7'/%3E%3Ccircle cx='118' cy='80' r='1'/%3E%3Ccircle cx='40' cy='112' r='.7'/%3E%3Ccircle cx='130' cy='130' r='.6'/%3E%3Ccircle cx='70' cy='70' r='.6'/%3E%3Cpath d='M58 40l1.2 3 3.2.2-2.5 2 .8 3.1-2.7-1.7-2.7 1.7.8-3.1-2.5-2 3.2-.2z'/%3E%3Cpath d='M104 116l.9 2.2 2.4.2-1.8 1.5.6 2.3-2.1-1.3-2.1 1.3.6-2.3-1.8-1.5 2.4-.2z'/%3E%3C/g%3E%3C/svg%3E") repeat !important; cursor: crosshair; }
html.wj-1999.wj-1999.wj-1999.wj-1999 body *:not(svg):not(svg *):not(img):not(video):not(picture) { font-family: "Comic Sans MS", "Comic Sans", "Chalkboard SE", "Comic Neue", cursive !important; background-color: transparent !important; color: #ffff00 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; letter-spacing: normal !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 main h1, html.wj-1999.wj-1999.wj-1999.wj-1999 main h2, html.wj-1999.wj-1999.wj-1999.wj-1999 main h3 { color: #00ff00 !important; text-decoration: underline wavy #ff00ff; text-underline-offset: 6px; }
html.wj-1999.wj-1999.wj-1999.wj-1999 main h1:not(#wj-x) { animation: wj1999-hue 3s steps(6) infinite; }
html.wj-1999.wj-1999.wj-1999.wj-1999 main h1:not(#wj-x) * { color: inherit !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 a:not([class*="btn"]):not(.wj-1999-back) { color: #00ffff !important; text-decoration: underline !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 a:not([class*="btn"]):visited { color: #ff66ff !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 a:not([class*="btn"]):hover { color: #ff0000 !important; background-color: #ffff00 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 img { border: 4px ridge #c0c0c0 !important; border-radius: 0 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 hr { border: 0 !important; border-top: 4px groove #c0c0c0 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 section, html.wj-1999.wj-1999.wj-1999.wj-1999 article, html.wj-1999.wj-1999.wj-1999.wj-1999 footer, html.wj-1999.wj-1999.wj-1999.wj-1999 header, html.wj-1999.wj-1999.wj-1999.wj-1999 [class*="card"] { outline: 3px dashed #ff00ff; outline-offset: -6px; }
html.wj-1999.wj-1999.wj-1999.wj-1999 button, html.wj-1999.wj-1999.wj-1999.wj-1999 [class*="btn"], html.wj-1999.wj-1999.wj-1999.wj-1999 input, html.wj-1999.wj-1999.wj-1999.wj-1999 select, html.wj-1999.wj-1999.wj-1999.wj-1999 textarea { background-color: #c0c0c0 !important; color: #000 !important; border: 3px outset #ffffff !important; font-family: "MS Sans Serif", Tahoma, Arial, sans-serif !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 input, html.wj-1999.wj-1999.wj-1999.wj-1999 textarea, html.wj-1999.wj-1999.wj-1999.wj-1999 select { background-color: #ffffff !important; border-style: inset !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 button:active, html.wj-1999.wj-1999.wj-1999.wj-1999 [class*="btn"]:active { border-style: inset !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 ::selection { background: #ff00ff; color: #ffff00; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .wj-1999-back { background-color: #c0c0c0 !important; color: #000 !important; border: 3px outset #fff !important; font-family: "MS Sans Serif", Tahoma, Arial, sans-serif !important; font-weight: 700; cursor: pointer; }
@keyframes wj1999-hue { to { filter: hue-rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html.wj-1999.wj-1999.wj-1999.wj-1999 main h1:not(#wj-x) { animation: none !important; } }

/* Achtergrond-verlopen en gekleurde vlakken weg (decoratief), zodat overal de sterrenhemel staat */
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(section, main, header, footer, article, aside, div, li, ul, span, p):not(.wj-1999-tip) { background-image: none !important; }

/* Menu als echte grijze Windows-95-knoppen */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav { gap: 6px !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > a, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > button { display: inline-flex !important; align-items: center; gap: 4px; padding: 5px 12px !important; background: #c0c0c0 !important; color: #000 !important; border: 2px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important; text-decoration: none !important; font-family: "MS Sans Serif", Tahoma, Arial, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > a *, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > button * { color: #000 !important; fill: #000 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > a:hover, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > button:hover { background: #d4d0c8 !important; color: #000080 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > a:active, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > button:active, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > button[aria-expanded="true"], html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-nav.lh-nav.lh-nav > li > a[aria-current="page"] { border-color: #404040 #ffffff #ffffff #404040 !important; box-shadow: inset 1px 1px 0 #808080 !important; }
/* Dropdown als grijs venster */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dd.lh-dd.lh-dd { background: #c0c0c0 !important; border: 2px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; outline: none !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dd.lh-dd.lh-dd a, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dd.lh-dd.lh-dd a * { color: #000 !important; text-decoration: none !important; font-family: "MS Sans Serif", Tahoma, Arial, sans-serif !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dd.lh-dd.lh-dd a:hover { background: #000080 !important; color: #fff !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dd.lh-dd.lh-dd a:hover * { color: #fff !important; }

/* Tekst in knoppen altijd zwart op grijs */
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(button, [class*="btn"]):not(#wj-x), html.wj-1999.wj-1999.wj-1999.wj-1999 :is(button, [class*="btn"]):not(#wj-x) * { color: #000 !important; }


/* Tekstkaders: drie lelijke randen + eigen achtergrond, zodat tekst leesbaar is op de sterren */
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(main, footer) :is(p, h1, h2, h3, h4, blockquote, address, figcaption, dt, dd):not(nav *):not(button *):not([class*="btn"] *):not(.wj-1999-egg *) { background-color: #000000 !important; border: 4px ridge #c0c0c0 !important; outline: 3px dashed #ff00ff !important; outline-offset: 3px !important; box-shadow: 0 0 0 9px #00ff00 !important; padding: 8px 12px !important; margin-top: 14px !important; margin-bottom: 14px !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(main, footer) :is(p, h1, h2, h3, h4, blockquote, address):nth-of-type(4n+2):not(nav *):not(button *):not([class*="btn"] *) { background-color: #000080 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(main, footer) :is(p, h1, h2, h3, h4, blockquote, address):nth-of-type(4n+3):not(nav *):not(button *):not([class*="btn"] *) { background-color: #800000 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(main, footer) :is(p, h1, h2, h3, h4, blockquote, address):nth-of-type(4n+4):not(nav *):not(button *):not([class*="btn"] *) { background-color: #400040 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(main, footer) :is(p, h1, h2, h3, h4, blockquote, address) :is(p, h1, h2, h3, h4) { border: 0 !important; outline: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
/* Gedithered logo (SVG-filter uit wj-1999.js) */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-logo img { filter: url(#wj99-dither) !important; image-rendering: pixelated; }

/* Hamburger-menu: eigen donkerblauw sterrenvenster, kolommen met kaders */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog.lh-dialog { background: #000060 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Crect width='140' height='140' fill='%23000060'/%3E%3Cg fill='%23ffff99' fill-opacity='.6'%3E%3Ccircle cx='12' cy='20' r='.9'/%3E%3Ccircle cx='88' cy='9' r='.7'/%3E%3Ccircle cx='118' cy='80' r='1'/%3E%3Ccircle cx='40' cy='112' r='.7'/%3E%3Ccircle cx='130' cy='130' r='.6'/%3E%3Ccircle cx='70' cy='70' r='.6'/%3E%3Cpath d='M58 40l1.2 3 3.2.2-2.5 2 .8 3.1-2.7-1.7-2.7 1.7.8-3.1-2.5-2 3.2-.2z'/%3E%3Cpath d='M104 116l.9 2.2 2.4.2-1.8 1.5.6 2.3-2.1-1.3-2.1 1.3.6-2.3-1.8-1.5 2.4-.2z'/%3E%3C/g%3E%3C/svg%3E") repeat !important; border: 6px ridge #c0c0c0 !important; outline: 4px dashed #ff00ff !important; outline-offset: -14px !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog-title.lh-dialog-title { display: inline-block; background-color: #000000 !important; border: 4px ridge #c0c0c0 !important; outline: 3px dashed #ff00ff !important; outline-offset: 3px !important; box-shadow: 0 0 0 9px #00ff00 !important; padding: 6px 16px !important; color: #ffff00 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-tabs.lh-tabs { align-self: start; background-color: #c0c0c0 !important; border: 3px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; outline: 3px dashed #00ff00 !important; outline-offset: 4px !important; padding: 8px !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-tabs.lh-tabs [role="tab"]:not(#wj-x) { width: 100%; text-align: left; margin: 2px 0 !important; padding: 6px 10px !important; background-color: #c0c0c0 !important; color: #000 !important; border: 2px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; font-family: "MS Sans Serif", Tahoma, Arial, sans-serif !important; font-weight: 700 !important; font-size: 16px !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-tabs.lh-tabs [role="tab"][aria-selected="true"]:not(#wj-x), html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-tabs.lh-tabs [role="tab"]:hover:not(#wj-x) { background-color: #000080 !important; color: #ffffff !important; border-color: #404040 #ffffff #ffffff #404040 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-tabs.lh-tabs > li > a:not(#wj-x) { display: block; margin: 2px 0; padding: 6px 10px; background-color: #000000 !important; border: 2px solid #c0c0c0 !important; font-family: "MS Sans Serif", Tahoma, Arial, sans-serif !important; font-weight: 700; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-panels.lh-panels .lh-panel:not([hidden]) { background-color: #400040 !important; border: 4px ridge #c0c0c0 !important; outline: 3px dashed #00ffff !important; outline-offset: 3px !important; box-shadow: 0 0 0 9px #ff00ff !important; padding: 16px !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-panels.lh-panels .lh-link small { color: #ffffff !important; }

/* Back to the Future + menu-sluitknop: rode Windows-XP-sluitknop */
html.wj-1999.wj-1999.wj-1999.wj-1999 .wj-1999-back:not(#wj-x) { display: inline-flex; align-items: center; gap: 10px; padding: 0 16px 0 8px !important; background: linear-gradient(#5b8ef0, #245edb 45%, #1941a5) !important; color: #ffffff !important; border: 2px solid #0831d9 !important; border-radius: 8px 8px 4px 4px !important; box-shadow: inset 0 1px 0 #9fc2ff, 2px 2px 0 #000 !important; font-family: Tahoma, "Trebuchet MS", Arial, sans-serif !important; font-weight: 700; font-size: 15px; text-shadow: 1px 1px 0 #0a246a; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .wj-1999-back:not(#wj-x)::before { content: "\2715" / ""; display: grid; place-items: center; width: 30px; height: 30px; border: 2px solid #ffffff; border-radius: 5px; background: radial-gradient(circle at 30% 25%, #ffb9a8 0, #f0654a 35%, #c42b0f 75%, #8f1a05 100%); color: #fff; font-size: 18px; font-weight: 900; line-height: 1; text-shadow: none; box-shadow: 0 0 0 1px #6e1505; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .wj-1999-back:not(#wj-x):hover::before { background: radial-gradient(circle at 30% 25%, #ffd3c7 0, #ff7a5c 35%, #e0371a 75%, #a3200a 100%); }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog-close.lh-dialog-close:not(#wj-x) { background: radial-gradient(circle at 30% 25%, #ffb9a8 0, #f0654a 35%, #c42b0f 75%, #8f1a05 100%) !important; border: 2px solid #ffffff !important; border-radius: 6px !important; box-shadow: 0 0 0 1px #6e1505, 2px 2px 0 #000 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog-close.lh-dialog-close:not(#wj-x) * { stroke: #ffffff !important; color: #ffffff !important; }

/* Accordions: vraag-knop in het tekstkader gele tekst i.p.v. zwart op zwart */
html.wj-1999.wj-1999.wj-1999.wj-1999 [data-accordion-toggle]:not(#wj-x), html.wj-1999.wj-1999.wj-1999.wj-1999 [data-accordion-toggle]:not(#wj-x) * { background-color: transparent !important; border: 0 !important; box-shadow: none !important; color: #ffff00 !important; font-family: "Comic Sans MS", "Comic Sans", "Chalkboard SE", "Comic Neue", cursive !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 [data-accordion-toggle]:not(#wj-x) svg, html.wj-1999.wj-1999.wj-1999.wj-1999 [data-accordion-toggle]:not(#wj-x) svg * { stroke: #00ff00 !important; color: #00ff00 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 [data-accordion-toggle]:hover:not(#wj-x), html.wj-1999.wj-1999.wj-1999.wj-1999 [data-accordion-toggle]:hover:not(#wj-x) * { color: #00ffff !important; }
/* Home: kolommen "Onze diensten" / "Actieve branches" als kaarten met achtergrond en drie randen */
html.wj-1999.wj-1999.wj-1999.wj-1999 .grid.items-stretch > div.relative.z-10 { background-color: #000080 !important; border: 6px ridge #c0c0c0 !important; outline: 3px dashed #ff00ff !important; outline-offset: -14px !important; box-shadow: 0 0 0 6px #00ff00 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .grid.items-stretch > div.relative.z-10:nth-child(2) { background-color: #800000 !important; }

/* CRT-röhrenmonitor (performance-versie): overlays zijn eigen compositor-lagen zonder blend-modus en zonder animatie,
   dus ze worden één keer gerasterd en kosten bij scrollen vrijwel niets. Kleurranden alleen op koppen. */
html.wj-1999.wj-1999.wj-1999.wj-1999 body::before, html.wj-1999.wj-1999.wj-1999.wj-1999 body::after { content: ""; position: fixed; inset: 0; z-index: 2147483646; pointer-events: none; will-change: transform; transform: translateZ(0); }
html.wj-1999.wj-1999.wj-1999.wj-1999 body::before {
  background:
    repeating-linear-gradient(to bottom, rgb(0 0 0 / 0) 0 2px, rgb(0 0 0 / .22) 2px 3px, rgb(0 0 0 / 0) 3px 4px),
    repeating-linear-gradient(to right, rgb(255 0 0 / .045) 0 1px, rgb(0 255 0 / .035) 1px 2px, rgb(0 80 255 / .05) 2px 3px);
}
html.wj-1999.wj-1999.wj-1999.wj-1999 body::after {
  background: radial-gradient(ellipse 120% 110% at 50% 50%, rgb(0 0 0 / 0) 55%, rgb(0 0 0 / .35) 80%, rgb(0 0 0 / .85) 100%);
  box-shadow: inset 0 0 0 10px #111, inset 0 0 60px 20px rgb(0 0 0 / .6);
  border-radius: 28px / 22px;
  outline: 40px solid #111; outline-offset: -1px;
}
html.wj-1999.wj-1999.wj-1999.wj-1999 :is(h1, h2, h3) { text-shadow: .6px 0 rgb(255 0 60 / .45), -.6px 0 rgb(0 220 255 / .45) !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-logo img { will-change: transform; }

/* Zoekveld: klassiek wit HTML-invoerveld met ingedrukte rand */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-search input:not(#wj-x) { background-color: #ffffff !important; color: #000000 !important; border: 2px solid !important; border-color: #404040 #ffffff #ffffff #404040 !important; box-shadow: inset 1px 1px 0 #808080 !important; font-family: "Times New Roman", Times, serif !important; font-size: 15px !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-search input:not(#wj-x)::placeholder { color: #808080 !important; }
/* Vergrootglas: grijze Windows-95-knop */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-search button:not(#wj-x) { background-color: #c0c0c0 !important; border: 2px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important; border-radius: 0 !important; color: #000 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-search button:not(#wj-x) * { color: #000 !important; stroke: #000 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-search button:active:not(#wj-x) { border-color: #404040 #ffffff #ffffff #404040 !important; }
/* Hamburger-menu: links bij hover als Windows-selectie (wit op blauw) in plaats van onleesbaar geel */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog .lh-link:hover:not(#wj-x), html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog .lh-link:focus-visible:not(#wj-x) { background-color: #000080 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog .lh-link:hover:not(#wj-x), html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog .lh-link:focus-visible:not(#wj-x) { color: #ffffff !important; outline: 2px dotted #ffffff; outline-offset: 2px; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog .lh-link:hover:not(#wj-x) *, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog .lh-link:focus-visible:not(#wj-x) * { color: #ffffff !important; background-color: transparent !important; text-decoration-color: #ffffff !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-dialog .lh-tabs > li > a:hover:not(#wj-x) { background-color: #000080 !important; color: #ffffff !important; }
/* Je/U: klassieke radioknoppen (de echte schakelaar blijft eronder en is klikbaar/focusbaar) */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x) { position: relative; display: inline-flex; align-items: center; gap: 12px; width: auto !important; height: auto !important; padding: 4px 10px !important; background: #c0c0c0 !important; border: 2px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; border-radius: 0 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x) .lh-knobs, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x) .lh-layer { display: none !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x)::before, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x)::after { padding-left: 20px; background: radial-gradient(circle at 8px 50%, #fff 0 5.5px, #404040 6px 7px, transparent 7.5px) no-repeat; color: #000; font: 13px/18px "MS Sans Serif", Tahoma, Arial, sans-serif; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x)::before { content: "Je" / ""; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x)::after { content: "U" / ""; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x):not(:has(input:checked))::before, html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x):has(input:checked)::after { background: radial-gradient(circle at 8px 50%, #000 0 2.5px, #fff 3px 5.5px, #404040 6px 7px, transparent 7.5px) no-repeat; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x) input { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0 !important; cursor: pointer; z-index: 2; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-toggler:not(#wj-x):has(input:focus-visible) { outline: 2px dotted #000 !important; outline-offset: -6px !important; }

/* Vacature-kat: link-hover niet geel-op-geel; tekstballon bij hover als Windows-selectie (wit op blauw) */
html.wj-1999.wj-1999.wj-1999.wj-1999 a.wj-neko:hover:not(#wj-x), html.wj-1999.wj-1999.wj-1999.wj-1999 a.wj-neko:focus-visible:not(#wj-x) { background-color: transparent !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 a.wj-neko:hover:not(#wj-x) .wj-neko__bubble, html.wj-1999.wj-1999.wj-1999.wj-1999 a.wj-neko:focus-visible:not(#wj-x) .wj-neko__bubble { background-color: #000080 !important; color: #ffffff !important; outline-color: #ffffff !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 a.wj-neko:hover:not(#wj-x) .wj-neko__bubble::after, html.wj-1999.wj-1999.wj-1999.wj-1999 a.wj-neko:focus-visible:not(#wj-x) .wj-neko__bubble::after { border-left-color: #000080 !important; }

/* Hamburgerknop: grijze Windows-95-knop met zwart icoon (zelfde icoon, via masker zwart gekleurd) */
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-burger:not(#wj-x) { position: relative; width: 40px !important; height: 40px !important; background: #c0c0c0 !important; border: 2px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important; border-radius: 0 !important; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-burger:not(#wj-x)::after { content: ""; position: absolute; inset: 8px; background: #000; -webkit-mask: url("https://www.webjongens.nl/assets/images/system/nav-toggler.svg") center / contain no-repeat; mask: url("https://www.webjongens.nl/assets/images/system/nav-toggler.svg") center / contain no-repeat; }
html.wj-1999.wj-1999.wj-1999.wj-1999 .lh-burger:active:not(#wj-x) { border-color: #404040 #ffffff #ffffff #404040 !important; }
}