/* Leistungsseiten: Bausteine der Projektseiten (projekte.css) plus Knöpfe im Kopf, Quellenzeile und Textlinks. */
.ls-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.pj-results + .ls-actions { margin-top: 28px; }
.ls-link { color: var(--fg); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
.ls-link:hover { color: var(--accent); }
.ls-quellen { margin-top: 28px; max-width: 900px; color: var(--fg-mute); font-size: 14px; line-height: 1.6; }
.ls-quellen a { color: var(--fg-dim); text-decoration: underline; text-underline-offset: 3px; }
.ls-quellen a:hover { color: var(--fg); }
@media (max-width: 600px) {
  .ls-actions .cta { width: 100%; justify-content: center; }
}
/* Farbflächen laufen vor dem Footer aus, sonst bleibt am Ende von main eine Kante (wie auf der Lizenzseite). */
.pj-page main > #fv-felder {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 240px), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - 240px), transparent 100%);
}