*{box-sizing:border-box}
:root{--wit:#fbfaf4;--blad:#e4edc8;--inkt:#243d2e;--voeg:#acb498;--mos:#305038;--serif:"Palatino Linotype","Book Antiqua",Palatino,serif}
body{margin:0;background:var(--wit);color:var(--inkt);font:1.1rem/1.55 var(--serif)}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid #7a3f78;outline-offset:4px}
.skip{position:absolute;top:.5rem;left:.5rem;background:var(--wit);padding:.4rem .8rem;z-index:2}
.skip:not(:focus){clip-path:inset(50%)}
.rand,.omslag{padding-inline:max(5vw,calc((100vw - 1140px)/2))}
header,footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem 2rem;padding-block:1rem}
.merk{display:flex;align-items:center;gap:.5rem;font-size:1.55rem;font-weight:700;text-decoration:none;letter-spacing:-.03em}
header nav{display:flex;gap:1.1rem}
header nav,footer,.label,.knop,.index,article a{font-family:Verdana,sans-serif;font-size:.87rem}
.omslag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,5vw,5rem);padding-block:clamp(2.75rem,6vw,5rem);background:var(--blad);border-radius:0 0 3.5rem 0}
.omslagtekst p:not(.label){max-width:35ch;font-size:1.24rem}
.label{font-weight:bold;letter-spacing:.035em}
h1,h2,h3{font-weight:400;line-height:1.04;margin:.2em 0 .4em;letter-spacing:-.055em}
h1{font-size:clamp(3.2rem,7vw,7.1rem)}
h2{font-size:clamp(2.4rem,4.8vw,4.3rem)}
h3{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.knop{display:inline-block;padding:.7rem 1.1rem;border:1px solid currentColor;border-radius:2rem;text-decoration:none;font-weight:bold}
.knop:hover{background:var(--mos);color:white}
figure{margin:0}
figure img{display:block;width:100%;height:auto;border-radius:2.5rem 2.5rem 2.5rem .25rem}
.soorten,.kijken{padding-block:clamp(2.8rem,6vw,5.5rem)}
.bovenregel{display:flex;gap:.2rem 2rem;flex-wrap:wrap;align-items:baseline;justify-content:space-between}
.bovenregel p{margin:0}
.index{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.8rem}
.index a{padding:.45rem .8rem;border:1px solid var(--voeg);border-radius:1.4rem}
.soortenlijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.6rem)}
article{border-top:1px solid var(--voeg);padding-top:.85rem}
article:target{border-top:3px solid var(--mos)}
article img{display:block;width:100%;height:auto;aspect-ratio:1.28;object-fit:contain;border-radius:.5rem}
article:first-child img{background:#eee0ed}
article:nth-child(2) img{background:#e1e8d4}
article:nth-child(3) img{background:#f2e7c5}
article h3{margin:.6em 0 .1em}
.latijn{margin:0;color:#4a644e}
.kijken{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,5vw,5rem);background:var(--mos);color:#f7faeb}
.kijken ul{margin:0;padding-left:1.2rem}
.kijken li{padding:.4rem 0}
@media(max-width:780px){.omslag,.kijken,.soortenlijst{grid-template-columns:1fr}.omslag figure{max-width:30rem}.soortenlijst article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1rem}article h3{margin-top:0}}
@media(max-width:540px){.soortenlijst article{grid-template-columns:1fr}article img{max-width:25rem}}