/* Verhaaltjes, maken en meer: pagina's met blokken van de homepage, een poes of muisje bovenaan en de home-knop rechtsboven. */
.sub-nav{display:flex;justify-content:flex-end;align-items:center;min-height:58px}
.home-link{position:relative;display:block;width:62px;height:58px;-webkit-tap-highlight-color:transparent}
.home-icon{position:absolute;right:6px;bottom:3px;width:42px;height:34px;background:var(--blue);transition:transform .2s ease}
.home-icon::before{content:'';position:absolute;left:-7px;top:-22px;border-right:28px solid transparent;border-bottom:24px solid var(--blue);border-left:28px solid transparent}
.home-link:hover .home-icon{transform:scale(1.06)}
@media (hover:none){.home-link:hover .home-icon{transform:none}}
/* Poes onderaan de pagina: dezelfde ruimte op elke maat scherm (200px rond het plaatje) */
.scheiding-rand{--blokruimte:200px}
/* Kop die niet na een scheiding komt maar direct na blokken (Over Brikki op meer.php): zoveel ruimte als een scheiding */
.tussenkop-los{margin-top:calc(var(--blokruimte) - var(--between))}
/* Op desktop zijn de blokken breder dan de gewone kolom (zie .row): de home-knop staat aan de rechterrand van die blokken */
@media (min-width:900px){.sub-nav{width:max(100%,90vw);margin-inline:calc((100% - max(100%,90vw)) / 2)}}
