@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.ttf)format("truetype")}@font-face{font-family:Noe Standard;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noe_standard_bold.otf)format("opentype")}*,:before,:after{box-sizing:border-box}html{font-size:18px}@media (width<=1023px){html{font-size:16px}}@media (width<=719px){html{font-size:14px}}body{color:#191918;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0;font-family:Inter Variable,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0 0 1.5rem;font-weight:700;line-height:1.25}h1,h2{font-family:Noe Standard,serif}h3,h4,h5,h6{font-family:Inter Variable,system-ui,-apple-system,sans-serif}h1{font-size:3rem}h2{font-size:2.5rem}h3,h4{font-size:1.5rem}h5,h6{font-size:1rem}@media (width<=719px){h1{font-size:2.25rem}h2{font-size:1.875rem}}p{line-height:inherit;margin:0 0 1.5rem}a{color:#1976d2;text-decoration:none}a:hover{text-decoration:underline}.startzoek{color:#666;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:.625rem;height:3.25rem;margin-bottom:1rem;padding:0 1rem;display:flex}.startzoek:focus-within{outline-offset:1px;border-color:#1976d2;outline:2px solid #1976d259}.startzoek input{min-width:0;font:inherit;color:#191918;background:0 0;border:none;outline:none;flex:1;font-size:1.0625rem}.startzoek input::placeholder{color:#999}.startzoek-hint{color:#999;border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;padding:.125rem .375rem;font-size:.6875rem}@media (width<=719px){.startzoek-hint{display:none}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#999;margin:0 0 .5rem;font-family:Inter Variable,system-ui,-apple-system,sans-serif;font-size:.6875rem;font-weight:600}.recent-kop{cursor:pointer;width:fit-content}.recent-kop .eyebrow{display:inline}.recent-kop:focus-visible{outline-offset:2px;outline:2px solid #1976d259}.recent-regel{color:#191918;border-radius:4px;align-items:center;gap:.5rem;padding:.4375rem .5rem;font-size:.875rem;text-decoration:none;display:flex}.recent-wissen{font:inherit;color:#666;cursor:pointer;background:0 0;border:none;margin:.5rem 0 0 .5rem;padding:0;font-size:.75rem;display:block}.recent-wissen:hover{color:#1976d2;text-decoration:underline}.recent-regel:hover{background-color:#f5f9fd;text-decoration:none}.documentatie{color:#444;max-width:calc(960px - 4rem);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.documentatie h1,.documentatie h2,.documentatie h3,.documentatie h4,.documentatie h5,.documentatie h6{margin:1.25rem 0 .5rem;font-size:1.05rem}.documentatie>:first-child{margin-top:0}.documentatie p,.documentatie ul,.documentatie ol{margin:0 0 .75rem}.documentatie ul,.documentatie ol{padding-left:1.25rem}.documentatie>:last-child{margin-bottom:0}.model-melding{z-index:150;color:#fff;background-color:#333333e6;border-radius:4px;padding:.35rem .7rem;font-size:.8rem;line-height:1.2;animation:.15s ease-out model-melding-op;position:fixed;bottom:1rem;right:1rem;box-shadow:0 2px 8px #0003}@keyframes model-melding-op{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.model-melding,.elementpaneel,.elementpaneel-uit{animation:none}}.startknop{color:#1976d2;border:1px solid #ececec;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.startknop:hover,.startknop:focus-visible{background-color:#f2f8ff;border-color:#1976d2;text-decoration:none}.overzicht-tegels{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.375rem;margin:.25rem 0 .75rem;display:grid}.overzicht-tegel{color:#191918;overflow-wrap:anywhere;background-color:#fff;border:1px solid #ececec;border-radius:6px;align-items:center;gap:.5rem;min-height:2.5rem;padding:.4rem .6rem;font-size:.8125rem;font-weight:500;line-height:1.3;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.overzicht-tegel-merk{color:#1976d2;background-color:#eef4fd;border-radius:4px;flex-shrink:0;padding:.25rem;transition:background-color .12s,color .12s;display:inline-flex}.overzicht-tegel:hover,.overzicht-tegel:focus-visible{border-color:#1976d2;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 6px #1976d21f}.overzicht-tegel:hover .overzicht-tegel-merk,.overzicht-tegel:focus-visible .overzicht-tegel-merk{color:#fff;background-color:#1976d2}@media (prefers-reduced-motion:reduce){.overzicht-tegel,.overzicht-tegel-merk{transition:none}.overzicht-tegel:hover,.overzicht-tegel:focus-visible{transform:none}}.inhoud-kop{color:#333;margin:0 0 .75rem;font-family:Inter Variable,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600}.samenhang-dialoog{border:none;border-radius:6px;max-width:92vw;max-height:92vh;padding:0;overflow:hidden;box-shadow:0 8px 32px #00000040}.samenhang-dialoog[open]{flex-direction:column;display:flex}.samenhang-dialoog-kop{border-bottom:1px solid #ececec;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.samenhang-dialoog-inhoud{min-height:0;padding:1rem;overflow:auto}.samenhang-diagram{position:relative}.samenhang-diagram:fullscreen{background-color:#fff}.samenhang-diagram:fullscreen>div:first-child{height:100vh}.samenhang-diagram:fullscreen>div:first-child>div:first-child{height:100vh}.samenhang-dialoog::backdrop{background-color:#0006}.element-titel{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.6rem;margin-bottom:1.5rem;display:grid}.element-titel-soort{color:#888;grid-column:2;margin:0 0 .1rem;font-size:.75rem;font-weight:500;line-height:1.2}.element-titel h1,.element-titel h2{overflow-wrap:anywhere;grid-column:2;margin:0}.element-titel h1{font-size:2.25rem}.element-titel:has(h1) .element-titel-soort{font-size:.9375rem}.app-main{max-width:clamp(960px,85vw,1400px);margin:0 auto;padding:2rem}.app-main:has(.elementpaneel){max-width:none;padding:.75rem}.overzicht-diagram{position:relative}.overzicht-diagram:fullscreen{background-color:#fff}.overzicht-diagram:fullscreen>div:first-child{height:100vh}.overzicht-diagram:fullscreen>div:first-child>div:first-child{height:100vh}.diagram-bediening{z-index:10;gap:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.diagram-knop{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;padding:.3rem;display:flex}.diagram-knop:hover{color:#1976d2;background-color:#f5f5f5}.diagram-kopieer{display:inline-flex;position:relative}.diagram-kopieerfout{z-index:10;color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;width:max-content;max-width:16rem;padding:.4rem .6rem;font-size:.75rem;line-height:1.3;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 2px 8px #0000001f}[data-element-ref].geselecteerd rect,[data-element-ref].geselecteerd polygon,[data-element-ref].geselecteerd circle,[data-relationship-ref].geselecteerd path:not([data-hit]){stroke:#1976d2;stroke-width:3px}[data-relationship-ref].geselecteerd polyline[stroke],[data-relationship-ref].geselecteerd polygon[stroke],[data-relationship-ref].geselecteerd circle[stroke]{stroke:#1976d2}[data-relationship-ref].geselecteerd polygon[fill=black],[data-relationship-ref].geselecteerd circle[fill=black]{fill:#1976d2}.overzicht-met-paneel{align-items:flex-start;gap:.75rem;display:flex}.overzicht-kolom{flex:1;min-width:0}.elementpaneel{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;flex:0 0 clamp(480px,48vw,690px);width:clamp(480px,48vw,690px);animation:.18s ease-out paneel-in;display:flex}@keyframes paneel-in{0%{opacity:0;transform:translate(1.5rem)}}.elementpaneel-uit{pointer-events:none;animation:.15s ease-in forwards paneel-uit}@keyframes paneel-uit{to{opacity:0;transform:translate(1.5rem)}}.elementpaneel-kop{border-bottom:1px solid #e0e0e0;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.elementpaneel-titel{flex:1;margin-bottom:0}.elementpaneel-titel h2{font-size:1.1rem}.elementpaneel-knop{color:#666;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.elementpaneel-knop:hover{color:#1976d2;background-color:#f5f5f5}.elementpaneel-inhoud{padding:1rem}@media (width<=719px){.elementpaneel{z-index:60;border:none;border-radius:0;width:auto;animation-name:paneel-in-vel;position:fixed;inset:0}.elementpaneel-uit{animation-name:paneel-uit-vel}.elementpaneel-inhoud{overflow-y:auto}}@keyframes paneel-in-vel{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes paneel-uit-vel{to{opacity:0;transform:translateY(1.5rem)}}.procesuitwerking{position:relative}.procesuitwerking-kader{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;height:70vh;min-height:24rem}.procesuitwerking-voorbeeld{max-width:400px}.procesuitwerking-voorbeeld .procesuitwerking-kader{height:150px;min-height:0}.procesuitwerking-voorbeeld .djs-minimap{display:none}.procesuitwerking-vanger{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.procesuitwerking-zoom{z-index:10;background-color:#e0e0e0;border:1px solid #e0e0e0;border-radius:4px;gap:1px;display:flex;position:absolute;top:.5rem;right:.5rem;overflow:hidden}.procesuitwerking-zoom button{font-variant-numeric:tabular-nums;color:#333;cursor:pointer;background-color:#fff;border:none;justify-content:center;align-items:center;min-width:2.25rem;padding:.25rem .375rem;font-family:inherit;font-size:.75rem;display:flex}.procesuitwerking-zoom button:hover{color:#1976d2;background-color:#f5f5f5}.procesuitwerking:fullscreen{background-color:#fff}.procesuitwerking:fullscreen .procesuitwerking-kader{border:none;border-radius:0;height:100vh;min-height:0}.procesuitwerking .djs-minimap{top:2.75rem;right:.5rem}.procesuitwerking .djs-minimap .map{width:200px;height:112px}.procesuitwerking .djs-minimap .toggle:before{content:"⤡";color:#333;font-size:.875rem;line-height:1}.procesuitwerking .djs-minimap:not(.open) .toggle:before{content:"⤢"}.skip-link{z-index:100;color:#fff;background-color:#1976d2;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.app-header{padding:.75rem 2rem}.app-header-left{gap:2rem}.nav-link{color:#333;white-space:nowrap;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none}.logo-link:hover,.nav-link:hover{color:#1976d2;text-decoration:none}.logo-link:hover{color:inherit}.dropdown-wrapper{position:relative}.dropdown-trigger{color:#333;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.dropdown-trigger:hover{color:#1976d2;text-decoration:none}.dropdown-menu{z-index:100;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:12rem;padding:.25rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.dropdown-wrapper:hover>.dropdown-menu:not(.dropdown-menu--closed),.dropdown-wrapper:focus-within>.dropdown-menu:not(.dropdown-menu--closed){display:block}.dropdown-menu--closed{display:none!important}.dropdown-menu a,.dropdown-menu button{color:#333;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;width:100%;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;text-decoration:none;display:block}.dropdown-menu a:hover,.dropdown-menu button:hover{color:#1976d2;background-color:#f5f5f5;text-decoration:none}.avatar{color:#fff;text-transform:uppercase;background-color:#1976d2;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:inherit;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.dropdown-separator{background-color:#e0e0e0;height:1px;margin:.25rem 0}.submenu-wrapper{position:relative}.submenu-trigger{color:#333;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;display:flex}.submenu-trigger:hover{color:#1976d2;background-color:#f5f5f5}.submenu{z-index:101;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:14rem;padding:.25rem 0;display:none;position:absolute;top:0;left:100%;box-shadow:0 4px 12px #0000001a}.submenu-wrapper:hover>.submenu,.submenu-wrapper:focus-within>.submenu{display:block}@media (width<=719px){.app-header{flex-wrap:wrap;padding:.75rem 1rem}.app-header-left{gap:1rem}.app-logo-text{display:none}.dropdown-menu{min-width:0;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 5rem);overflow-y:auto}.submenu{min-width:0;box-shadow:none;border:none;border-radius:0;padding-left:1rem;position:static}.dropdown-menu a,.dropdown-menu button,.submenu-trigger{white-space:normal}}.sticky-header{position:relative}.sticky-header:after{content:"";pointer-events:none;background:linear-gradient(#00000008,#0000);height:8px;position:absolute;top:100%;left:0;right:0}.spinner-container{justify-content:center;align-items:center;padding:4rem 0;display:flex}.spinner{border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background-color:#0006;justify-content:center;align-items:flex-start;padding:0 1rem;display:flex;position:fixed;inset:0}.search-button{cursor:pointer;color:#555;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.375rem;display:flex}.search-button:hover{color:#1976d2;background-color:#1976d214}.search-result{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;display:flex}.search-result:hover,.search-result--active{color:#1976d2;background-color:#f5f5f5}