.referentie{position:relative}.referentie button{font-size:var(--step-1);line-height:1.25;font-weight:700;font-family:var(--ff-mono);background-color:var(--clr-bg);border-radius:1em;color:var(--clr-txt);cursor:pointer;display:grid;height:1.5em;opacity:0;place-items:center;position:absolute;right:.5em;top:.5em;transition:opacity .3s;width:1.5em;z-index:1}.referentie:hover button{background-color:var(--clr-bg);opacity:1}.block__type--referentie img{overflow:hidden}.block__type--referentie>figure{padding:.5rem}.block__type--referentie{flex:0 1 50%}.kds_ref_img{flex:0 1 60%;height:100%}.kds_ref_cap{flex:0 1 40%;font-size:var(--step-0);letter-spacing:.05em;text-align:left}.kds_ref_cap>div{opacity:.45}.block__type--referentie:hover .kds_ref_cap{opacity:1}.kds_ref_cap *{line-height:1.35}.block__type--referentie[data-size=small]>figure{padding:3rem}.block__type--referentie[data-size=medium]>figure{padding:1rem}.block__type--referentie[data-size=small]{flex:0 1 33.33%}.block__type--referentie[data-size=medium]{flex:0 1 50%}.block__type--referentie[data-size=large]{flex:1 1 80%}.block__type--referentie[data-type=image]>figure{display:flex;gap:1rem}.block__type--referentie[data-type=quote]{flex:0 1 33.33%}.block__type--referentie[data-type=quote]>figure{display:flex;gap:1rem;height:calc(100% - 4rem)}.block__type--referentie[data-type=quote]>figure>.kds_ref_cap{flex:0 1 100%}.block__type--referentie[data-hide=true] figcaption{opacity:0;transition:opacity .3s}img{border-radius:.35rem;overflow:hidden}.block__type--referentie[data-position=left]>figure{flex-direction:row-reverse}.block__type--referentie[data-position=left]>figure>figcaption{text-align:right}.block__type--referentie[data-position=right]>figure{flex-direction:row}.block__type--referentie[data-position=center]>figure{align-items:center;flex-direction:column}.block__type--referentie[data-position=center]>figure>figcaption{flex:0 1 100%;text-align:center;width:100%}.block__type--referentie[data-position-y=top]>figure{align-items:flex-start}.block__type--referentie[data-position-y=middle]>figure{align-items:center}.block__type--referentie[data-position-y=bottom]>figure{align-items:flex-end}@media screen and (max-width:480px){.block__type--referentie>figure>figcaption{text-align:left!important}.block__type--referentie>figure{align-items:center!important;flex-direction:column!important;padding:.5rem!important}}