/* Rechtstexte — was nur sie brauchen.

   Tokens, Seitenaufbau und Grundtypografie stehen in /seiten.css; jede Rechtsseite lädt erst
   diese, dann hier weiter. Hier bleiben die Bausteine, die das Handbuch nicht kennt:
   Definitionslisten, Tabellen, der Entwurfs-Kasten und die Platzhalter-Marke
   (docs/frontend/rechtstexte.md). */

/* Platzhalter, die auf das echte Impressum warten. Bewusst auffällig, da ein übersehener
   Platzhalter im veröffentlichten Impressum schlimmer wäre als eine unfertige Seite. */
.tbd {
  font-family: var(--font-mono);
  font-size: .92em;
  color: var(--warn);
  background: var(--warn-soft);
  border: 1px dashed var(--warn-line);
  border-radius: 6px;
  padding: 1px 6px;
  /* Kein `white-space: nowrap`: Der Platzhalter der Umsatzsteuer ist ein ganzer Satz und schob
     die Seite auf dem Handy um 559 px nach rechts. Kurze Platzhalter brechen von allein nicht. */
  overflow-wrap: break-word;
}

/* Das TMDB-Logo, wie ihre Nutzungsbedingungen es verlangen. Bewusst schmal gehalten: Es soll
   „less prominent than your application's own branding" bleiben — die Überschrift darüber ist
   mehr als doppelt so hoch. Die Datei ist ihr unverändertes Original (recht/tmdb-logo.svg). */
.tmdb-logo {
  display: block;
  width: min(100%, 220px);
  height: auto;
  margin: 0 0 4px;
}

/* Kasten für den Entwurfs-Hinweis über Impressum und Datenschutzerklärung. */
.notice {
  border-radius: 14px;
  border: 1px solid var(--warn-line);
  background: var(--warn-soft);
  padding: 15px 17px;
  margin: 0 0 24px;
  font-size: 14.5px;
  color: var(--body);
}

.notice strong { color: var(--warn); }
.notice p:last-child { margin-bottom: 0; }

/* Angaben-Block (Anschrift, Kontakt) — Zeilen ohne Aufzählungszeichen. */
.plain { list-style: none; margin: 0 0 13px; padding: 0; }
.plain li { margin-bottom: 3px; }

/* Definitionsliste der Datenschutzerklärung: Was — Wozu — Wie lange. Ab zwei Spalten steht
   der Begriff neben der Erklärung statt darüber; auf der breiten Seite ist dafür Platz. */
dl { margin: 0 0 13px; }

dt {
  font-weight: 600;
  color: var(--ink);
  margin-top: 14px;
}

dd { margin: 3px 0 0; }

@media (min-width: 760px) {
  dl {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 0 20px;
    align-items: baseline;
  }

  dt { margin-top: 0; padding: 9px 0; border-top: 1px solid var(--line); }
  dd { padding: 9px 0; border-top: 1px solid var(--line); }
  dt:first-of-type, dt:first-of-type + dd { border-top: 0; padding-top: 0; }
}

/* Tabellen (Speicherorte im Browser, Bildquellen). Auf schmalen Geräten scrollt der Rahmen,
   nicht die Seite. */
.table-wrap {
  overflow-x: auto;
  margin: 0 0 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
}

table {
  border-collapse: collapse;
  width: 100%;
  min-width: 460px;
  font-size: 14.5px;
}

th, td {
  text-align: left;
  vertical-align: top;
  padding: 11px 14px;
  border-bottom: 1px solid var(--line);
}

tr:last-child td { border-bottom: 0; }

th {
  color: var(--ink);
  font-weight: 600;
  background: var(--surface2);
  border-bottom-color: var(--line2);
}

td code, .code {
  font-family: var(--font-mono);
  font-size: .92em;
  color: var(--ink);
}