/* Gemeinsame Ergaenzungen fuer alle Sites: Rechtstexte, Anker-Abstand, Hilfsklassen. */
.projekt, [id^="projekt-"] { scroll-margin-top: 90px; }
.projekt .links { margin: 1rem 0 0; display: flex; gap: 1.4rem; flex-wrap: wrap; }
.projekt .links a { background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; padding-bottom: 2px; }
.projekt video { grid-column: 2; width: 100%; max-height: 70vh; background: #000; margin-bottom: 10px; }
.projekt .partner { font-size: .82rem; opacity: .7; margin-left: .2rem; }
.projekt .partner::before { content: "· "; }
.visuell-versteckt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.recht { max-width: 46rem; margin: 0 auto; padding: clamp(3rem, 8vh, 5rem) var(--rand, 1.5rem) 2rem; }
.recht h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; margin: 0 0 2rem; }
.recht h2 { font-size: 1.15rem; letter-spacing: normal; text-transform: none; margin: 2.2rem 0 .6rem; }
.recht p, .recht li { max-width: 68ch; }
.recht .stand { opacity: .65; font-size: .9rem; margin-top: 3rem; }

@media (max-width: 900px) {
  .projekt video { grid-column: 1; }
}