/* css styles */

/* Inline-Code im dunklen Modus.
   Gemessen am 10.09.2026 an der gerenderten Datei: das dunkle Bootstrap setzt
   `--bs-code-color: inherit`, der Text uebernimmt also die helle Schriftfarbe.
   Die Grundregel `code { background-color: #f8f9fa }` bleibt daneben stehen,
   und ueberschrieben wird sie nur fuer p, li und td:

       p code:not(.sourceCode), li code:not(.sourceCode), td code:not(.sourceCode)
         { background-color: rgba(67.15,67.15,67.15,.65) }

   Ueberall sonst -- Ueberschriften, Bildunterschriften, Tabellenkoepfe,
   Kaesten, Definitionslisten -- stand damit heller Text auf fast weissem
   Grund. Die Regel unten zieht denselben Hintergrund auf JEDES Inline-Code,
   und zwar nur im dunklen Modus (die Klasse quarto-dark setzt der Umschalter
   am body). `:not(pre) > code` laesst Codebloecke ausdruecklich in Ruhe: dort
   ist der Hintergrund durchsichtig und soll es bleiben. */
body.quarto-dark :not(pre) > code {
  background-color: rgba(67, 67, 67, 0.65);
}

/* Inline-Mathematik und das folgende Satzzeichen zusammenhalten.
   Gesetzt wird die Klasse von nowrap.lua, nicht im Quelltext des Handbuchs.
   Anlass: MathJax gibt Inline-Mathematik als eigenes Element aus, hinter dem
   der Browser umbrechen darf -- der Punkt hinter "$Q$." landete dadurch auf
   einer neuen Zeile. Unteilbar wird nur das Paar aus Formel und Zeichen. */
.nowrap { white-space: nowrap; }

/* Inline-Code im hellen Modus.
   Das Thema yeti setzt `--bs-code-color: #7d12ba`, ein kraeftiges Lila, und
   darunter liegt ein grauer Kasten aus rgba(238,238,238,.65). Die Kombination
   fiel im Fliesstext staerker auf als der Code, den sie auszeichnet. Ersetzt
   wird beides durch ein neutrales Grau-auf-Hellgrau; der Kasten bleibt als
   Abgrenzung erhalten.

   Ausgeklammert ist der dunkle Modus: dort gilt die Regel darueber. Gewaehlt
   ist `body:not(.quarto-dark)` und nicht `body.quarto-light`, weil der
   Umschalter die Klasse erst nach DOMContentLoaded setzt -- bis dahin traegt
   der body gar keine, und das Dokument soll von der ersten Bildzeile an hell
   aussehen. `:not(pre) > code` laesst Codebloecke wie oben in Ruhe. */
body:not(.quarto-dark) :not(pre) > code {
  color: #333;
  background-color: #f1f3f5;
}

/* Der Umschalter hell/dunkel.
   Dieses Dokument hat keine Navigationsleiste, deshalb haengt Quarto den
   Schalter per JavaScript als schwebendes `a.top-right` an den body -- ein
   16-Pixel-Symbol in Grau, ohne Beschriftung, mit `position: absolute`. Es
   scrollte also nach wenigen Zeilen aus dem Bild und war praktisch nicht zu
   finden. `fixed` haelt es stehen, das ::after benennt, wohin der Klick
   fuehrt: `.alternate` setzt der Umschalter, wenn der dunkle Modus laeuft. */
.quarto-color-scheme-toggle.top-right {
  position: fixed;
  /* Oben rechts kollidiert er mit der Ueberschrift des
     Inhaltsverzeichnisses -- gemessen bei 1280 px Breite lagen beide
     uebereinander. Unten rechts ist die Spalte frei, und der Schalter
     bleibt auf jeder Scrollhoehe an derselben Stelle. `top: auto`
     hebt das `top: 1em` aus Quartos .top-right auf. */
  top: auto;
  bottom: 1.25em;
  right: 1.25em;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  padding: 0.25em 0.6em;
  border-radius: 1em;
  font-size: 0.8rem;
  line-height: 1;
  text-decoration: none;
  opacity: 0.75;
}

.quarto-color-scheme-toggle.top-right:hover { opacity: 1; }

.quarto-color-scheme-toggle.top-right::after {
  content: "Dark";
  color: #5e5e5e;
}

.quarto-color-scheme-toggle.top-right.alternate::after {
  content: "Light";
  color: #adb5bd;
}

/* Dasselbe Plaettchen im dunklen Modus: weiss auf dunkler Seite waere ein
   leuchtender Fleck in der Ecke. */
body.quarto-dark .quarto-color-scheme-toggle.top-right {
  background-color: rgba(45, 45, 45, 0.92);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
}