/* Was diese Website der LeadMark-Vorlage hinzufuegt.
 *
 * Eigene Datei und nicht assets/css/leadmark.css: die wird aus
 * assets/scss/ erzeugt (npm run css), und wer in die Ausgabe schreibt,
 * verliert es beim naechsten Lauf. Eigene Datei und nicht assets/scss/:
 * dann muesste jeder, der eine Farbe aendert, erst sass installieren.
 *
 * Eingebunden nach leadmark.css, damit diese Regeln gewinnen.
 *
 * ── Woher die Regeln kommen ───────────────────────────────────────────
 *
 * Alles hier stand vorher im Dokument — 24 style-Attribute und vier
 * <style>-Bloecke. Solange Stil im Markup steht, muss die
 * Content-Security-Policy style-src 'unsafe-inline' erlauben, und erlaubt
 * damit auch jeden eingeschleusten. Wer irgendwo Markup unterbringt, kann
 * die Seite umbauen: einen Hinweis ueberdecken, eine Schaltflaeche
 * verschieben, ein Eingabefeld ueber ein anderes legen.
 *
 * Neue Klassen im Markup waren dafuer fast nirgends noetig. 19 der 24
 * Attribute sassen auf .nav-link, drei auf h1.mb-4 — beides trifft ein
 * Selektor, ohne dass eine einzige Zeile HTML eine Klasse mehr braucht. */

/* ── Aus den <style>-Bloecken der beiden Startseiten ─────────────────── */

/* Der Pfad steht absolut. In index.html stand er relativ ("assets/…"), in
 * en/index.html absolut ("/assets/…") — dasselbe Bild, zwei Schreibweisen,
 * weil der Block in beiden Dokumenten einzeln gepflegt wurde. Aus einer
 * gemeinsamen Datei heraus muss er absolut sein, sonst suchte ihn
 * /en/index.html unter /en/assets/. */
.header {background-image: url('/assets/imgs/background.jpg');}

html, body {margin: 0; padding: 0; overflow-x: hidden;}

.navbar img {max-height: 150px; height: auto; display: inline-block;}

/* ── Aus den <style>-Bloecken der beiden Datenschutztexte ────────────── */

.rechtstext p  {margin-bottom: 1rem;}
.rechtstext h5 {margin-top: 2.5rem; margin-bottom: .75rem;}
.rechtstext ul {margin-bottom: 1rem;}

/* ── Aus den style-Attributen ────────────────────────────────────────── */

/* 19 Vorkommen, in zwei Schreibweisen: "font-size:16px" und
 * "font-size: 16px;". Dieselbe Angabe, zweimal getippt. */
.navbar .nav-link {font-size: 16px;}

/* Die Ueberschrift auf 404, Datenschutz und Privacy. */
h1.mb-4 {font-size: 2rem;}

/* Das Logo auf der 404-Seite, kleiner als in der Leiste der Startseite. */
.logo-klein {max-height: 60px; height: auto;}

/* Der Ruecklink im Impressum. Er steht dort in einem <h10>, das es als
 * HTML-Element nicht gibt — unangetastet gelassen, weil das eine andere
 * Baustelle ist als diese hier. */
.ruecklink {font-size: 16px; color: #9d9b99eb; font-weight: 600;}