/* Theme Name: Astra Child – Grönninger Template: astra Version: 1.0.0 Author: Lukas Harbauer Description: Child-Theme für die Webseite von Rohr- und Kanalreinigung Peter Grönninger e.K. Enthält SEO-Hardening, Typografie-Verbesserungen und LocalBusiness-Schema. Text Domain: astra-child Requires at least: 6.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html */ /* ========================================================================= * Typografie für Fließtext * * Astra setzt seine Body-Typografie über Inline-CSS in der zentralen * Selektoren-Map (`body, button, input, ...` und `p, .entry-content p`). * Wir überschreiben hier nur die Innen-Container `.entry-content p` / * `.entry-content > ul/ol` — diese Selektoren haben höhere Spezifität * als Astras `body`-Default und greifen, ohne dass `!important` nötig * wird. * * Ziele dieses Blocks: * * 1. Lesbare Zeilenlänge (max-width: 65ch) * Empirisch (Tschichold, Bringhurst) und nach WCAG-Empfehlung liegen * optimale Lesezeilen bei 45–75 Zeichen. 65ch trifft die Mitte und * funktioniert auf Desktop wie Tablet. * * 2. Erhöhte Zeilenhöhe (line-height: 1.7) * Astras Default ist meist um 1.5. 1.7 schafft mehr Luft zwischen * Zeilen — wichtig bei langem Fließtext und auf Mobilgeräten. * * 3. Silbentrennung (hyphens: auto) * Vermeidet hässliche Lücken bei schmalen Containern. Setzt voraus, * dass gesetzt ist (Astra macht das automatisch * aus der WP-Locale). Browser-Vendor-Prefixes für ältere * Safari/Edge-Versionen, Standard-Property zuletzt — letzter * Eintrag gewinnt bei moderner Engine. * * 4. Absatzabstand (margin-block-end: 1.2em) * Logical Property — funktioniert auch in RTL-Sprachen sauber. * Etwas mehr als Astras Default, gibt Absätzen visuelle Atempause. * * Bewusst NICHT gesetzt: text-align: justify. Blocksatz (justify) im * Web ist ohne professionellen Wortzwischenraum-Algorithmus oft * unleserlich (Lücken, „Flussbildung"). Flattersatz ist die * lesbarere Default-Wahl. * ===================================================================== */ .entry-content > p, .entry-content > ul, .entry-content > ol { max-width: 65ch; } .entry-content p { line-height: 1.7; margin-block-end: 1.2em; } .entry-content p, .entry-content li { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }