:root{--lettertype:helvetica,arial,sans-serif;--lettergrootte:1rem;--letterdikte:600;--letterdikte__knop:700;--regelafstand:1.5;--lettergrootte__kop-1:2rem;--lettergrootte__kop-2:1.6rem;--lettergrootte__kop-3:1.3rem;--lettergrootte__kop-4:var(--lettergrootte);--lettergrootte__kop-5:var(--lettergrootte);--lettergrootte__kop-6:var(--lettergrootte);--letterdikte__kop:600;--kantlijn:20px;--marge__website:20px;--radius:2px}@media (width>960px){:root{--kantlijn:15vw}}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--achtergrond__website);color:var(--tekstkleur);font-family:var(--lettertype);font-size:var(--lettergrootte);line-height:var(--regelafstand);min-height:100%;margin:0}.website{grid-template-columns:var(--kantlijn)[start]2fr [inhoud-eind]1fr [eind]var(--kantlijn);grid-template-rows:auto 1fr auto;gap:1.5em 0;display:grid}@media (width>750px){.website{gap:1.5em}}h1,h2,h3,h4,h5,h6{color:var(--tekstkleur__kop);font-weight:var(--letterdikte__kop)}h1{font-size:var(--lettergrootte__kop-1);margin-top:0}h2{font-size:var(--lettergrootte__kop-2)}h3{font-size:var(--lettergrootte__kop-3)}h4,h5,h6{font-size:var(--lettergrootte__kop-4);margin-bottom:0;&+p{margin-top:0}}figure,picture{margin:0}img{max-width:100%;height:auto}a{color:var(--linkkleur)}a:hover{color:var(--linkkleur__hover)}ul,ol{padding-left:1em}dd{margin:0}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navicon{background-color:var(--achtergrond__navicon);border-radius:var(--radius);color:var(--tekstkleur__navicon);cursor:pointer;font-family:var(--lettertype);font-size:var(--lettergrootte);font-weight:var(--letterdikte__knop);text-align:center;text-transform:uppercase;border:0;justify-content:center;align-items:center;width:100%;padding:15px;text-decoration:none;display:flex}@media (width>700px){.navicon{display:none}}.navicon-bars{margin-right:.5em;display:inline-block}.navicon-bar{background:var(--tekstkleur__navicon);border-radius:1px;width:36px;height:4px;display:block;&+.navicon-bar{margin-top:6px}}.mod-list{margin:0;padding:0;list-style:none}.mod-menu{flex-flow:column wrap;justify-content:center;gap:0 30px;display:flex;& a{text-decoration:none;&:hover{text-decoration:underline}}}@media (width>750px){.menu-horizontaal{flex-direction:row}}.nav-item{flex:0 auto}.mod-hoofdmenu{background:#f2f2f2;& a{color:var(--tekstkleur);font-weight:var(--letterdikte);padding:10px 20px;display:block}& .mod-menu{justify-content:left;gap:0}& .nav-item{border-top:2px solid #fff}& .current{background:var(--achtergrond__knop-1);background-image:linear-gradient(to bottom,#a1cc33,var(--achtergrond__knop-1));text-shadow:0 1px 1px #000;&:is(:hover,:focus){background-image:none}& a{color:#fff}}}@media (width>750px){.mod-hoofdmenu{& .mod-menu{margin-inline:calc(var(--kantlijn) + 1.5rem)}& .nav-item{border-top:0;border-left:2px solid #fff;&:last-child{border-right:2px solid #fff}}& .current{border:2px solid #fff;border-bottom:0;border-radius:5px 5px 0 0;&+.nav-item{border-left:0}}}}@media (width<750px){.mod-hoofdmenu .nav:not(.open){display:none}}.logo{margin-inline:var(--kantlijn);max-width:360px}header,footer{grid-column:1/-1}.inhoud,.rondom-2{grid-column:start/eind}@media (width>750px){.met-rondom-2 .inhoud{grid-column-end:inhoud-eind}.met-rondom-2 .rondom-2{grid-column-start:inhoud-eind}}footer{background:var(--achtergrond__footer);color:var(--tekstkleur__footer);text-align:center;min-height:50px;padding:10px}