/* voet — woordmerk naar de Quorum-template: vier kopieën van MEESTERKRAKER onder elkaar. De bovenste drie zijn dunne plakjes
   waarin alleen de kroon van de letters te zien is (dekking .2, .3, .4), daaronder het woord voluit op halve dekking.
   De plakjes schuiven gestaffeld omhoog elke keer dat het woordmerk in beeld komt. SVG-tekst in League Gothic die met de
   breedte meeschaalt (textLength = volle breedte). Daaronder een lijn met de juridische links en het mailadres. */
.voet { position: relative; z-index: 2; margin: 0; background: #000; color: var(--creme); padding: 12vh var(--rand) 28px; }

.woordmerk { overflow: clip; }
.woordmerk__plak { display: block; height: var(--hoog); margin-bottom: .3vw; overflow: clip; opacity: var(--dek); }
.woordmerk__vol { display: block; opacity: .5; }
.woordmerk__svg { display: block; width: 100%; height: auto; }
.woordmerk__svg text { font-family: var(--gothic); fill: var(--creme); fill-opacity: .5; }
.js:not(.stil) .woordmerk__plak { transform: translateY(2.2vw); transition: transform .9s cubic-bezier(.16, 1, .3, 1); transition-delay: calc(var(--i, 0) * 60ms); }
.js:not(.stil) .woordmerk__plak.zichtbaar { transform: none; }

.voet__regel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px; margin-top: 24px; padding-top: 22px; border-top: 1px solid rgba(221, 196, 164, .18); font-size: 14px; line-height: 1.4; }
.voet__legal { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.voet__regel a { color: inherit; text-decoration: none; transition: color .25s; }
.voet__regel a:hover { color: var(--rood); }
.voet__item { display: inline-flex; align-items: center; gap: 12px; }
.voet__stip { font-style: normal; color: var(--rood); }

@media (max-width: 480px) {
  .voet__regel { flex-direction: column; align-items: flex-start; }
  .voet__legal { gap: 6px 16px; }
  .voet__stip { display: none; }
}