/* ==========================================================================
   Kernholz – Impressum und Datenschutz
   ========================================================================== */

.recht {
  row-gap: var(--s-7);
  align-items: start;
}

.recht__demo {
  margin-bottom: var(--s-6);
}

.recht__demo p {
  margin: 0;
}

.recht__inhalt h2 {
  padding-top: var(--s-4);
  border-top: var(--linie) solid var(--c-nacht-900);
  font-size: var(--fs-xl);
}

.recht__inhalt h3 {
  font-size: var(--fs-m);
}

/* Text bleibt bei guter Zeilenlänge, die Tabelle nutzt die ganze Spalte */
.recht__inhalt.fliesstext {
  max-width: none;
}

.recht__inhalt > :not(.tabelle-huelle) {
  max-width: var(--zeile-max);
}

.recht__inhalt .tabelle td:nth-child(3),
.recht__inhalt .tabelle td:nth-child(4) {
  white-space: nowrap;
}

.recht__inhalt .tabelle a {
  color: var(--c-nacht-700);
  text-decoration-color: var(--farbe-akzent);
}

/* Platzhalter für echte Betreiberangaben – bewusst auffällig */
.platzhalter {
  padding: 0 0.25em;
  background: var(--c-ocker-100);
  outline: 1px dashed var(--c-ocker-600);
  outline-offset: -1px;
  color: var(--c-nacht-900);
  font-family: var(--schrift-label);
  font-weight: var(--gewicht-kraeftig);
  letter-spacing: 0.02em;
}

.recht__stand {
  color: var(--farbe-text-leise);
  font-size: var(--fs-s);
}

/* Gliederung der Datenschutzerklärung */
.recht__gliederung {
  display: grid;
  gap: var(--s-3);
  padding: var(--s-5);
  border: var(--linie) solid var(--c-nacht-900);
  background: var(--farbe-grund-alt);
}

.recht__gliederung ol {
  display: grid;
  gap: var(--s-2);
  padding-left: 1.5rem;
  font-size: var(--fs-s);
}

.recht__gliederung a {
  color: var(--c-nacht-900);
  text-decoration-color: var(--farbe-akzent);
}

@media (min-width: 64rem) {
  .recht__inhalt {
    grid-column: 1 / span 8;
  }

  .recht__gliederung {
    grid-column: 10 / span 3;
    grid-row: 1;
    position: sticky;
    top: calc(var(--hauptleiste-h) + var(--s-5));
  }
}