.kop .intro>div{grid-column:1/9}
.kop .intro>p{grid-column:9/13}
.terug{margin:0 0 clamp(22px,3vw,40px) -2px}
.kort{margin-top:clamp(44px,5vw,72px)}
.kort .label{margin-bottom:22px}
.kort .grootboek.kort-zin{grid-template-columns:repeat(4,minmax(0,1fr))}
.kort .grootboek.kort-zin.kort-drie{grid-template-columns:repeat(3,minmax(0,1fr))}
.kort .kort-zin dd span{font-size:16px;line-height:1.55;max-width:30ch}
@media (max-width:980px){
  .kop .intro>div,.kop .intro>p{grid-column:1/13}
  .kort .grootboek.kort-zin{grid-template-columns:1fr 1fr}
  .kort .grootboek.kort-zin.kort-drie{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kort .kort-drie div:nth-child(3){border-left:1px solid var(--lijn-zacht);padding-left:24px}
}
@media (max-width:560px){
  .kort .grootboek.kort-zin,.kort .grootboek.kort-zin.kort-drie{grid-template-columns:1fr}
  .kort .kort-zin div,.kort .kort-zin div+div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 16px;padding:16px 0}
  .kort .kort-drie div:nth-child(3){border-left:0;padding-left:0}
  .kort .kort-zin dt{margin:4px 0 0}
}
.art-sectie{padding-top:clamp(56px,6vw,96px)}
.art{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
.art-body{grid-column:3/11;min-width:0;font-size:18px;line-height:1.72;color:var(--gips-2)}
.art-tekst{max-width:29.5em}
.art-tekst p+p,.art-tekst p+.register,.art-tekst .register+p{margin-top:22px}
.art-open p:first-child{font-size:20px;line-height:1.6;color:var(--gips)}
.art-deel{margin-top:clamp(80px,8vw,120px)}
.art-deel>h2,.art-oproep h2{font-size:clamp(34px,3.3vw,50px);line-height:1.04;max-width:15ch;margin-bottom:30px}
.art-nr{display:block;font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.18em;color:var(--koper-licht);margin-bottom:18px}
.nw{white-space:nowrap}
.register{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.register li{position:relative}
.register li::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--koper);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease)}
.register li:hover::before,.register li:focus-within::before{transform:scaleX(1)}
.register a{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;gap:10px 20px;align-items:baseline;padding:30px 0 28px;border-bottom:1px solid var(--lijn-zacht);text-decoration:none;color:var(--gips)}
.register .n{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--koper-licht);font-variant-numeric:tabular-nums}
.register .t{font-family:var(--display);font-size:clamp(28px,2.9vw,42px);line-height:1.04;transition:color .25s}
.register .m{grid-column:2;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--gips-3);line-height:1.6}
.register .pijl{grid-column:3;grid-row:1;align-self:center;width:26px;color:var(--koper-licht)}
.register a:hover .t,.register a:focus-visible .t{color:var(--koper-licht)}
.art-tekst .register .t{font-size:clamp(24px,2.2vw,30px)}
@media (max-width:600px){
  .register a{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:24px 0 22px}
  .register .n{grid-column:1}
  .register .t{grid-column:1;font-size:28px}
  .art-tekst .register .t{font-size:24px}
  .register .m{grid-column:1}
  .register .pijl{grid-column:2;grid-row:2}
}
.strook-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.strook-grid .register{grid-column:1/9;max-width:none}
@media (max-width:980px){.strook-grid .register{grid-column:1/13}}
.art-oproep{margin-top:clamp(56px,6vw,80px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:end;padding:clamp(34px,4vw,56px)}
.art-oproep h2{margin-bottom:0}
.art-oproep p{font-size:17px;max-width:40ch}
.oproep-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.oproep-knoppen .lnk{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:860px){.art-oproep{grid-template-columns:1fr}}
@media (max-width:520px){.oproep-knoppen .btn{width:100%}}
.verder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;border-top:1px solid var(--lijn)}
.verder li{position:relative}
.verder a{display:flex;flex-direction:column;gap:10px;height:100%;padding:28px 24px 30px 0;text-decoration:none;color:var(--gips-2);position:relative}
.verder a::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--koper-diep),var(--koper-licht));transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.verder a:hover::before,.verder a:focus-visible::before{transform:scaleX(1)}
.verder .v-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gips-3)}
.verder .v-titel{font-family:var(--display);font-size:clamp(28px,2.6vw,38px);line-height:1.08;color:var(--gips);transition:color .25s}
.verder .v-zin{font-size:15.5px;line-height:1.55;max-width:32ch;text-wrap:pretty;margin-bottom:14px}
.verder .pijl{margin-top:auto;color:var(--koper-licht)}
.verder a:hover .v-titel{color:var(--koper-licht)}
.verder a:hover .pijl{transform:translateX(5px)}
@media (max-width:860px){.verder{grid-template-columns:1fr}.verder li+li a{border-top:1px solid var(--lijn-zacht)}}
@media (min-width:761px){
  .art-body>.art-tekst,.art-deel>h2,.art-deel>.art-tekst{margin-left:calc((100% - 531px) / 2)}
}
@media (max-width:1060px){.art-body{grid-column:1/13}}
@media (max-width:640px){
  .art-body{font-size:17px}
  .art-open p:first-child{font-size:18.5px}
}
.art-tekst p+.art-foto,.art-tekst .art-foto+.register{margin-top:34px}
.art-foto figcaption{flex-direction:column;gap:6px}
.art-foto .m{text-align:left;max-width:none}
.art-foto.r-32 .kader{aspect-ratio:3/2}
.art-foto.snede-hoge-wand .kader{aspect-ratio:2/3}
.art-foto.snede-hoge-wand img{object-position:100% 0;transform:scale(1.21);transform-origin:64% 0}