/* Statische reconstructie van de publiek zichtbare XIS-pagina's.
   Originele JP-Solution-stylesheets niet aangeleverd: exacte stijl dient
   zo nodig met originele templatebestanden of vergelijkingsschermafbeeldingen te worden geijkt. */
:root{color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{background:#fff;color:#343434;font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;font-size:15px;line-height:1.55}
.site-wrap{width:min(100%,1000px);margin:0 auto;background:#fff}
.site-header{background:#fff}
.masthead{min-height:164px;padding:2px 0;display:flex;align-items:center}
.logo-link{display:inline-flex;align-items:center;text-decoration:none;max-width:100%}
.brand-logo{width:200px;height:160px;object-fit:contain;display:block}
.logo-link:focus-visible,.nav a:focus-visible,.main-copy a:focus-visible{outline:2px solid #8cbc08;outline-offset:2px}
.nav{background:#333}
.nav ul{list-style:none;display:flex;align-items:stretch;margin:0;padding:0}
.nav li{flex:1 1 auto;min-width:0}
.nav a{display:flex;align-items:center;justify-content:center;height:100%;min-height:56px;line-height:1.25;text-decoration:none;text-align:center;color:#fff;font-size:13px;padding:10px 8px}
.nav a:hover,.nav a:focus-visible,.nav a[aria-current="page"]{background:#555}
.nav-toggle{display:none}
main{display:block}
.hero{width:100%;line-height:0}
.hero img{display:block;width:100%;height:auto;aspect-ratio:1000/450}
.main-copy{padding:24px 15px 55px;min-height:160px}
.main-copy p{margin:0 0 1em}
.main-copy ul{margin:0 0 1em 0;padding-left:38px}
.main-copy li{margin:0 0 .2em}
.main-copy a{color:#264e83}
.content-image{max-width:240px;margin:18px 0 0 auto;line-height:0}
.content-image img{width:auto;height:auto;max-width:100%;display:block}
h1{font-size:26px;line-height:1.25;font-weight:400;margin:0 0 22px}
h3{font-size:20px;line-height:1.3;font-weight:400;margin:0 0 7px}
.contact-section{margin-top:24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){
 .site-wrap{width:100%}
 .masthead{min-height:110px;padding:8px 14px}
 .brand-logo{width:130px;height:auto}
 .nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;background:#333;border:0;font:inherit;padding:12px 16px;cursor:pointer}
 .nav{display:none}
 .nav.open{display:block}
 .nav ul{display:block}
 .nav li{border-top:1px solid #555}
 .nav a{justify-content:flex-start;text-align:left;min-height:42px;font-size:15px;padding:11px 18px}
 .main-copy{padding:20px 15px 36px}
 .content-image{margin:16px 0 0 auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Geen externe fonts, frameworks of CMS; ook bruikbaar vanaf file:// */
html,body{min-width:0}
img{max-width:100%}
@media(min-width:721px){.nav-toggle{display:none!important}.nav{display:block!important}}
@media(max-width:720px){.nav a{white-space:normal;overflow-wrap:break-word}.masthead{min-height:0}.brand-logo{height:auto}}