/*
 * Grundlage fuer alle fuenf Seiten im neuen Design (Post 680-684).
 * Wird nur auf diesen Seiten geladen, siehe functions.php.
 *
 * Die Referenzdateien in neues-design/ setzen ganz oben
 *   html, body { margin: 0; padding: 0; background: oklch(0.19 0.015 250); }
 * also einen dunklen Seitengrund. Elementor kann nur die eigenen Bloecke
 * einfaerben, nicht body - dort gilt weiter der weisse Standardwert des
 * Themes (gemessen: rgb(255,255,255), aus --wp--preset--color--background).
 *
 * Folge ohne diese Datei: links und rechts neben der 1180px breiten Karte
 * bleibt Weiss stehen, und die 30px-Rundung der Karte wird als heller Rand
 * sichtbar - in der Vorlage verschwindet sie, weil Grund und Karte denselben
 * Ton haben.
 *
 * "html body" statt "body", damit die Regel die gleichrangige Theme-Regel
 * body{background-color:var(--wp--preset--color--background)} sicher
 * schlaegt, unabhaengig von der Reihenfolge der Stilbloecke im Kopf.
 *
 * oklch(0.19 0.015 250) entspricht #181b21, dem Ton, den das Elementor-JSON
 * fuer diese Flaechen ohnehin durchgehend verwendet.
 */
html,
html body {
	margin: 0;
	padding: 0;
	background-color: #181b21;
}

/*
 * Rufnummern in Fliesstext-Absaetzen behalten ihre Farbe.
 *
 * Handy-Browser (iOS Safari, Chrome auf Android) erkennen Telefonnummern im
 * Text selbst und verpacken sie ungefragt in einen Link. Dieser Link bringt
 * die Standard-Linkfarbe des Browsers mit - Blau. Am Rechner passiert das
 * nicht, deshalb faellt es nur auf dem Handy auf: die Nummer stand blau
 * zwischen sonst neongruenen Angaben.
 *
 * Die Erkennung wird bewusst NICHT abgeschaltet (das ginge ueber
 * <meta name="format-detection" content="telephone=no">) - dann liesse sich
 * die Nummer nicht mehr antippen, und genau das ist auf einer Kontaktseite
 * das Nuetzlichste daran. Stattdessen erbt der eingefuegte Link einfach die
 * Farbe seines Absatzes.
 *
 * Nur Absaetze (.e-paragraph-base), nicht Schaltflaechen: Die gruene
 * Telefon-Schaltflaeche in der Kopfzeile ist selbst ein Link mit dunkler
 * Schrift auf gruener Flaeche - die soll unveraendert bleiben.
 */
.elementor .e-paragraph-base a[href^="tel:"],
.elementor .e-heading-base a[href^="tel:"] {
	color: inherit !important;
	text-decoration: none !important;
}

/*
 * E-Mail-Adresse: rundes @ statt eckigem.
 *
 * Bricolage Grotesque (die Ueberschriftenschrift) zeichnet das @ geometrisch
 * und eckig - in der Adresse las es sich schlecht. An allen anderen Stellen
 * der Website steht die Adresse ohnehin in Public Sans mit dem gewohnten
 * runden @; nur diese beiden Ausreisser fielen aus der Reihe:
 *   .l46b0cc  Schaltflaeche am Ende der Startseite
 *   .lbde2ca  Kontaktangabe auf der Anfrageseite
 *
 * Warum als Regel hier und nicht im Elementor-Datensatz: Der Live-Server
 * erzeugt Elementors Gestaltungsdateien nicht selbst (siehe
 * [[druckio-neues-design-stand]]). Eine Aenderung am Datensatz muesste
 * zusaetzlich in vier erzeugten CSS-Dateien nachgezogen werden, die je
 * 10-40 KB gross sind - ueber FTP eine bekannte Fehlerquelle. Eine Zeile im
 * Child-Theme wirkt sofort auf allen fuenf Seiten und haelt lokalen und
 * Live-Stand identisch.
 */
.elementor .l46b0cc,
.elementor .lbde2ca {
	font-family: "Public Sans", sans-serif !important;
}