/* ============================================================
   IMPRESSUM UND DATENSCHUTZ - die Textseiten
   ------------------------------------------------------------
   Sie liegen bewusst NEBEN style.css und nicht darin: Die Hauptseite
   braucht keine dieser Regeln, und die beiden Textseiten brauchen
   fast nichts von der Hauptseite ausser Farben, Schriften und dem
   Bildroehren-Hintergrund.

   Eine Textseite hat genau eine Aufgabe: lesbar sein. Deshalb eine
   Lesebreite von 68 Zeichen - darueber wandert das Auge beim
   Zeilenwechsel zu weit und verliert die Zeile.
   ============================================================ */

.recht{
  max-width:68ch;
  margin:0 auto;
  padding:7rem 6vw 6rem;
}

.recht-zurueck{
  display:inline-block;
  font-family:'JetBrains Mono', monospace;
  font-size:.72rem; letter-spacing:.08em;
  color:var(--brand-mid); text-decoration:none;
  margin-bottom:2.5rem;
}
.recht-zurueck:hover{ color:var(--brand-light); }
.recht-zurueck:focus-visible{ outline:2px solid var(--brand-light); outline-offset:3px; }

.recht-titel{
  font-family:'Space Grotesk', sans-serif;
  font-weight:700; font-size:1.6rem; line-height:1.4;
  color:var(--text);
  margin-bottom:2rem;
}

.recht h2{
  font-family:'JetBrains Mono', monospace;
  font-weight:700; font-size:.72rem; line-height:1.6;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--brand-mid);
  margin:2.6rem 0 .9rem;
}

.recht p{
  font-family:'Space Grotesk', sans-serif;
  font-size:.94rem; line-height:1.8;
  color:var(--text-dim);
  margin-bottom:1rem;
}
.recht p strong{ color:var(--text); font-weight:700; }
.recht p em{ color:var(--text); font-style:normal; }

.recht a{ color:var(--brand-light); }

.recht-vorspann{
  border-left:2px solid var(--brand-mid);
  padding-left:1.1rem;
  margin-bottom:2rem;
}

/* Was noch eingetragen werden muss. Faellt absichtlich auf - eine
   Rechtsseite mit einem uebersehenen Platzhalter ist schlimmer als
   gar keine. VOR DEM VEROEFFENTLICHEN muessen alle <mark> weg sein. */
.recht mark{
  background:var(--brand-deep); color:var(--text);
  padding:.1rem .35rem;
  font-family:'JetBrains Mono', monospace; font-size:.86em;
}

@media (max-width:700px){
  .recht{ padding:5rem 6vw 4rem; }
  .recht-titel{ font-size:1.3rem; }
}