/*!
Theme Name: imagecrop design Child
Theme URI: https://imagecrop.de
Description: imagecrop x gartenpflege md
Author: imagecrop
Author URI: https://imagecrop.de
Template: imagecrop
Version: 1.0.0
Text Domain: imagecrop
*/

 /* Add your custom style here */

/* ------------------------------------------------------------------------
 * KOMP-Ergänzungen (Peter Klein, 24.08.2026)
 * ------------------------------------------------------------------------ */

/* Kontaktseite: „Lassen Sie uns persönlich sprechen." ist jetzt das h1.
 *
 * /kontakt/ war die einzige Seite ganz ohne Hauptüberschrift — ausgerechnet die, auf der
 * die Anfragen entstehen. Geändert wurde nur das Tag, nicht der Text.
 *
 * Optisch soll sich dadurch nichts verschieben. Das Theme setzt h1 auf 60/48/36 px und
 * h2 auf 48/34/26; ohne diese Regel würde die Überschrift also um ein Viertel wachsen.
 * Sie holt sich die Werte deshalb weiterhin aus dem h2-Raster — über die Theme-Variablen
 * statt über feste Pixel, damit sie einer späteren Änderung am Schriftraster von selbst
 * folgt, Breakpoints eingeschlossen.
 *
 * Bewusst nicht über die Element-ID angesprochen: Wird die Seite im Baukasten neu gebaut,
 * vergibt Elementor neue IDs. Über `h1` im Überschriften-Element greift die Regel weiter. */
.page-id-81 .elementor-widget-heading h1.elementor-heading-title {
	font-size: var(--uicore-typography--h2-s);
	font-weight: var(--uicore-typography--h2-w);
	line-height: var(--uicore-typography--h2-h);
	letter-spacing: var(--uicore-typography--h2-ls);
}

/* Zähler-Elemente: die Zahl ist keine Überschrift mehr.
 *
 * „296", „547", „100 %", „17 €" standen seitenweit als h2 im Quelltext, einmal sogar als
 * zweites h1. Für einen Screenreader ist die Überschriftenliste dieser Website dadurch
 * über weite Strecken eine Reihe nackter Zahlen gewesen. Die Elemente stehen jetzt auf
 * `p` (Stufe 3).
 *
 * Diese Regel hält fest, was die Zahlen bisher stillschweigend vom h2 des Themes bezogen
 * haben. Die Schriftgröße setzt jedes Element selbst, alles andere nicht:
 *
 *   • **Zeilenhöhe** — nur 5 der 20 Elemente haben eine eigene. Die übrigen 15 erbten als
 *     Absatz die ausgerechnete Zeilenhöhe des Fließtextes, feste 31,5 px. Bei einer Zahl in
 *     90 px ist die Zeile damit **niedriger als die Schrift** — die Ziffern treten aus ihrer
 *     Zeile heraus und der Block darüber rutscht in sie hinein. Das ist der eine Punkt, an
 *     dem die Umstellung ohne Gegenmaßnahme wirklich weh täte.
 *   • **Schriftgewicht** — 11 der 20 Elemente haben keins gesetzt und wären von 500 auf 400
 *     gefallen, also sichtbar dünner geworden.
 *   • **Buchstabenabstand** — sonst laufen die Zahlen um 0,02 em auseinander.
 *
 * Über die Theme-Variablen, damit die Zahlen dem h2-Raster weiter folgen. Elementor schreibt
 * seine eigenen Werte mit höherer Spezifität (`.elementor-<Seite> .elementor-element-<Id>`),
 * die 5 beziehungsweise 9 Elemente mit eigener Einstellung behalten also ihre. Diese Regel
 * füllt nur die Lücken. */
.elementor-widget-uicore-counter .ui-e-num {
	font-weight: var(--uicore-typography--h2-w);
	line-height: var(--uicore-typography--h2-h);
	letter-spacing: var(--uicore-typography--h2-ls);
}