/* Die Rechtstexte: Impressum, Datenschutz, ihre englischen Fassungen und 404.
 *
 * Diese Regeln standen als <style>-Block in jeder der fuenf Seiten, fast
 * gleichlautend, mit kleinen Abweichungen, die niemand beabsichtigt hatte:
 * 404.html fehlte die h2-Regel, privacy.html die .luecke-Regel, und
 * datenschutz.html hatte als einzige das li mit im Absatz-Selektor.
 *
 * Solange Stil im Dokument steht, muss die Content-Security-Policy
 * style-src 'unsafe-inline' erlauben — und erlaubt damit auch jedes
 * eingeschleuste style-Attribut. Eine gemeinsame Datei kostet einen
 * zusaetzlichen Verweis und macht die Erlaubnis entbehrlich.
 *
 * Die Vereinigung aller fuenf Faelle steht hier. Eine Regel, die auf einer
 * Seite nichts findet, kostet nichts; eine, die fehlt, faellt auf. */

.rechtstext {max-width: 46rem; margin: 0 auto; padding: 2rem 1rem 4rem;}
.rechtstext h1 {font-size: 2rem; margin-bottom: 1.5rem;}
.rechtstext h2 {font-size: 1.15rem; margin-top: 2.25rem; margin-bottom: .6rem;}
.rechtstext p {margin-bottom: 1rem; line-height: 1.7;}

/* Listenpunkte nur in den beiden Datenschutztexten, nicht ueberall.
 *
 * Der erste Entwurf dieser Datei fasste "p" und "li" zu einem Selektor
 * zusammen, weil datenschutz.html und privacy.html es so hatten. Das haette
 * die sechs Wege auf der 404-Seite mit einer Zeilenhoehe versehen, die sie
 * vorher nicht hatten — eine Aenderung an der Darstellung, die niemand
 * bestellt hat und die in einer Aufraeumaktion nichts zu suchen hat.
 *
 * Fuenf Seiten hatten fuenf leicht verschiedene Bloecke. Die Unterschiede
 * bleiben erhalten, statt sie einzuebnen. */
.datenschutz li {margin-bottom: 1rem; line-height: 1.7;}
.rechtstext .kopf {display: flex; justify-content: space-between; align-items: center;
                   padding: 1rem 0 2rem; border-bottom: 1px solid #e5e5e5;}
.rechtstext .kopf img {max-height: 52px; width: auto;}

/* Eine noch zu fuellende Stelle im Rechtstext, gelb hinterlegt. */
.luecke {background: #fff6d5; padding: .15rem .4rem; border-radius: 3px;}

/* Die Wegeliste auf der 404-Seite. */
.wege li {margin-bottom: .5rem;}

/* Aus style-Attributen hervorgegangen.
 *
 * Die Flaggen im Sprachumschalter: 16 Pixel hoch, in der Zeile mittig, mit
 * Abstand zum Text. Stand sechsmal als Attribut im Dokument — zweimal je
 * Startseite, weil die Leiste in der mobilen Fassung wiederholt wird. */
.flagge {height: 16px; vertical-align: middle; margin-left: 10px;}

/* Der Bildkasten im Ueber-uns-Abschnitt der Startseite, tiefer gesetzt,
 * damit er neben dem Text sitzt statt darueber. */
.about_thumb--tief {padding-top: 100px;}

/* ── Mobile Navigationsleiste ──────────────────────────────────────────────
 *
 * Das meanmenu-Plugin schrieb zwei style-Attribute ins Markup, wenn es die
 * Leiste aufbaut. Beide sind jetzt aus assets/js/theme-pluginjs.js entfernt —
 * sonst haette die Policy sie verworfen, und zwar still: kein Fehler
 * irgendwo, nur eine Schaltflaeche, die anders aussieht als gedacht.
 *
 * Was dort stand, war weniger als es aussah. Das erste Attribut ergab
 * "background:;color:;right:0;left:auto;", weil die Farboption des Plugins
 * hier leer ist — zwei ungueltige Angaben, die jeder Browser verwirft, und
 * eine Positionierung, die plugin_theme_css.css ohnehin setzt.
 *
 * Uebrig bleibt diese eine Regel: die Schriftgroesse des Ausklapppfeils, die
 * das Plugin aus meanMenuCloseSize nimmt. Der Vorgabewert ist 18px. */
.mean-expand { font-size: 18px; }