/* ---------------------------------------------------------------------
   luma.css - die Auszeichnungen von Lutz und Martin
   ---------------------------------------------------------------------

   Benannt nach Lutz Hansen und Martin Grimsmann, deren Texte diese
   Auszeichnungen tragen. Sie haben rot, gruen, blau und drei weitere
   Farben benutzt, ohne zu unterscheiden, was die Farbe bedeutet -
   1833 von 2267 Stellen waren blosse Hervorhebung, 62 trugen den
   Dreischritt, 37 einen Quellennachweis.

   Hier steht die typografische Entscheidung an EINER Stelle. Wer sie
   aendern will, aendert diese Datei und nicht 242 Artikel.
   --------------------------------------------------------------------- */

/* --- Betonung ------------------------------------------------------ */
/*
   Der Regelfall, rund 2200 Stellen. Frueher rot - die schlechteste
   Wahl, weil Rot mit dem dritten Moment kollidiert und sich als
   Warnung liest. Kursiv sagt dasselbe, ohne etwas zu behaupten.
*/
.hervor {
  font-style: italic;
}

/* --- Quellennachweis ----------------------------------------------- */
/*
   'Enz § 24 Zusatz', 'PR § 174'. Gehoert nicht farbig, sondern
   kleiner und ruhiger - wie in einem Apparat.
*/
.quelle {
  font-size: 0.85em;
  color: #666;
  font-variant: small-caps;
  white-space: nowrap;
}

/* --- Die drei Momente ---------------------------------------------- */
/*
   Ampelschema, wie von Kai vorgeschlagen: rot fixiert, gelb Uebergang,
   gruen freie Fahrt. Leicht zu merken, und die Assoziation trifft.

   ZWEITES MERKMAL NEBEN DER FARBE. Rot und Gruen sind gerade das Paar,
   das Rotgruenblinde nicht unterscheiden - acht Prozent der Maenner.
   Die Linienart traegt dieselbe Aussage unabhaengig von der Farbe.

   Und sie ist nicht willkuerlich gewaehlt, sondern folgt dem
   Vollendungsvorgang: gepunktet, gestrichelt, durchgezogen. An sich -
   fuer sich - an und fuer sich. Was sich vollendet, schliesst sich
   auch als Linie.
*/
.m1, .m2, .m3 {
  padding: 0 0.1em;
  border-radius: 2px;
}

.m1 { background: #ffdad6; border-bottom: 3px dotted  #b3261e; }
.m2 { background: #fff3c4; border-bottom: 3px dashed  #a67c00; }
.m3 { background: #d7f0d9; border-bottom: 3px solid   #1b5e20; }

/*
   Verweise innerhalb einer Momentmarke duerfen die Farbe nicht
   ueberdecken: das Browserblau gewann sonst ueber den gruenen
   Hintergrund, und 'Staat' sah aus wie ein zweites Moment.
*/
.m1 a, .m2 a, .m3 a {
  color: inherit;
  text-decoration: underline;
}

/* --- Hegels eigener Wortlaut --------------------------------------- */
/*
   Achtzehn Texte bestehen aus zwei Teilen: einer freien Darstellung
   von Grimsmann und Hansen, und darunter dem Originaltext. Bisher
   stand beides ununterscheidbar nebeneinander - bei einer
   Nachschlageseite der folgenreichste Mangel ueberhaupt.

   Eine Linie am Rand, wie bei einem laengeren Zitat.
*/
.hegeltext {
  border-left: 4px solid #8a7a5c;
  padding-left: 1.2rem;
  margin-left: 0.2rem;
  background: #fcfaf5;
}

.hegeltext::before {
  content: "Hegels Wortlaut";
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a7a5c;
  margin-bottom: 0.6rem;
}

/* --- Die Legende ---------------------------------------------------- */
/*
   Eine Farbe ohne Erklaerung ist eine Behauptung, die der Leser nicht
   pruefen kann. Die Legende steht am Ende der Seite - wer den Text
   liest, soll nicht erst eine Tabelle durchqueren; wer die Farbe nicht
   versteht, sucht ohnehin nach einer Erklaerung.

   Zurueckhaltend gesetzt: sie erklaert den Text, sie ist nicht der
   Text.
*/
.luma-legende {
  margin: 2rem 0 0;
  padding: 0.6rem 0.9rem;
  border-top: 1px solid #ddd;
  font-size: 0.85rem;
  color: #555;
}

.luma-legende p { margin: 0; }
.luma-legende b { font-weight: 600; margin-right: 0.4rem; }

.luma-legende .m1,
.luma-legende .m2,
.luma-legende .m3 {
  margin-right: 0.5rem;
  padding: 0 0.35em;
}

/* --- Druck ---------------------------------------------------------- */
/*
   Hintergrundfarben drucken schlecht und kosten Farbe. Im Druck
   traegt die Linienart allein - sie ist ohnehin das verlaesslichere
   der beiden Merkmale.
*/
@media print {
  .m1, .m2, .m3 { background: none; }
  .hegeltext { background: none; border-left-color: #000; }
  .luma-legende { border-top-color: #000; }
}