/*
 * inventia Bausteine — Satz: Regeln für die Schrift, die für die Bausteine UND den Footer gelten (0.23.2).
 *
 * Eigene Datei, weil Footer und Bausteine getrennte Stylesheets haben (footer.css auf jeder Seite, bausteine.css nur auf
 * Seiten mit Bausteinen); Assets meldet sie als Abhängigkeit beider an — eine Stelle, beide bekommen sie.
 *
 * Trennpunkt „·" nie am Zeilenrand. Gemessen 16.10.2026: „Norwegische Küste ·" / „Tromsø", „Ultramarine oder Ocean
 * Explorer ·" / „14 Tage", „Hudson Bay ·" / „Unser Reiseprogramm", im Footer „Französisch-Polynesien ·" / „Marquesas"
 * schon bei 1440 px (Stephanies Entwurf hat dieselben Stellen). Ausgabe::teile() und werkzeuge/satz.py setzen einen Text
 * mit „ · " als Teile:
 *
 *   <span class="inv-teile"><span class="inv-teil">A</span><span class="inv-luecke"> </span><span class="inv-teil"><span
 *   class="inv-trenner" aria-hidden="true">· </span>B</span></span>
 *
 * Das Leerzeichen zwischen zwei Teilen ist so breit wie „ · " (zwei Leerzeichen und der Punkt), der Punkt steht außerhalb
 * des Textflusses in seiner Mitte: mitten in der Zeile dieselbe Folge wie „A · B", Punkt und Folgetext an derselben Stelle
 * wie vorher (gemessen: dieselben Bildschirmpixel in Chromium und WebKit). Bricht die Zeile dort um, fällt das Leerzeichen
 * am Zeilenende weg wie jedes andere, und der Punkt liegt links vor dem Kasten — dort schneidet clip-path ihn ab. Breiten,
 * Umbrüche und Höhen bleiben wie ohne Satz. Verworfen: den Kasten um eine Zone nach links schieben — WebKit maß damit
 * Spalten, deren Breite der Inhalt bestimmt, zu schmal und brach „REISEPROGRAMM" mitten im Wort (Vorschau 16.10.2026).
 * Nur für linksbündigen Text — in zentriertem stünde der Punkt am Zeilenanfang sichtbar (browser_pruefen.py misst das).
 */

.inv-teile {
	/* Breite von „· " in Ubuntu, gemessen 16.10.2026 bei 10–23 px: Regular 0,48 em (Light 0,476), Medium 0,444 em — wo die
	   Stärke abweicht, setzt die Regel mit der Stärke --inv-punkt-breite (bausteine.css). Dazu zweimal die Laufweite, die
	   Elemente mit Laufweite als --inv-laufweite weitergeben. Wird sie nicht genau getroffen, verschiebt sich nur der Text
	   nach dem Punkt um den Unterschied. */
	--inv-trenner: calc(var(--inv-punkt-breite, 0.48em) + 2 * var(--inv-laufweite, 0px));
	display: block;
	/* links kurz vor der Kante abschneiden: Platz für den Schatten der Schrift auf Fotos (0 1px 2px, seit 0.23.1), der versteckte
	   Punkt liegt weiter links (mindestens 0,27 em vor der Kante, gemessen 10–23 px); oben, rechts und unten Luft für Pfeil,
	   Unterlängen und Unterstreichung */
	clip-path: inset(-0.75em -1em -0.75em -0.12em);
}

/* Das Leerzeichen zwischen zwei Teilen: so breit wie „ · " */
.inv-luecke {
	word-spacing: var(--inv-trenner);
}

/* Außerhalb des Textflusses, damit zwischen Punkt und Folgetext kein Umbruch möglich ist; steht vor dem Teil, mitten im
   breiten Leerzeichen davor. */
.inv-trenner {
	position: absolute;
	margin-left: calc(-1 * var(--inv-trenner));
	white-space: nowrap;
}

/*
 * Pflicht-Sternchen (Ausgabe::pflicht) in Rot — Newsletter-Band, -Kasten und Footer (Raphael 19.10.2026: „das Sternchen
 * für mandatory in rot"). Das eine Rot der Website (0.22.7). Der zweite Selektor schlägt die Regel des Footer-Entwurfs
 * „#inventia-footer label span" (grau, für „(optional)"), die das Sternchen an der E-Mail sonst einfärbt.
 */
.inv-pflicht,
#inventia-footer label .inv-pflicht {
	color: #e43a4e;
}