/* ==========================================================================
   ENOTEC H1-Linie: der obere Rahmen einer h1 nur so breit wie die erste
   Zeile. Gegenstueck zu h1-linie.js, dort steht das Warum.

   Die Klasse enotec-h1-linie setzt allein das Skript, und erst nachdem es
   gemessen hat. Ohne Skript, bei leerer h1 oder bei einem Messfehler fehlt
   die Klasse, und Tinas Rahmen aus dem Customizer bleibt, wie er ist.

   Spezifitaet (0,1,1) schlaegt Tinas nacktes h1 (0,0,1) aus dem Customizer,
   gleich in welcher Reihenfolge die Blaetter laden.

   Aus dem Rahmen wird Polster in derselben Staerke (8px Rahmen, 8px
   Polster). Die Hoehe der h1 bleibt gleich, bei content-box wie bei
   border-box, der Text steht auf demselben Fleck. Ein Polster, das die h1
   vorher schon oben hatte, liegt in --h1-linie-polster und kommt dazu.

   Mobile: Bei 375px bricht jede lange h1 um. Genau dafuer ist das da, die
   Linie nimmt dann die Breite der ersten Zeile, nicht die der Spalte.

   EIGENE DATEI, NICHT basis.css: basis.css laedt nur auf Seiten mit einem
   enotec-Baustein. Tinas h1-Regel gilt auf jeder Seite, darum wird diese
   Datei in inc/blocks.php unbedingt eingebunden, wie wortmarke.css.
   ========================================================================== */

h1.enotec-h1-linie {
	border-top-width: 0;
	padding-top: calc(var(--h1-linie-polster, 0px) + var(--h1-linie-staerke));
	position: relative;
}

h1.enotec-h1-linie::before {
	content: '';
	position: absolute;
	top: 0;
	left: var(--h1-linie-links, 0);
	width: var(--h1-linie-breite, 100%);
	height: var(--h1-linie-staerke);
	background: var(--h1-linie-farbe);
	pointer-events: none;
}

/* Zweite Form: Tina zeichnet die Linie selbst als h1::before (Customizer,
   Stand 12.09.2026: width 120px, height 5px, absolut oben links). Farbe,
   Hoehe, Lage und Abstand bleiben aus ihrem CSS, hier folgt nur die Breite
   der ersten Zeile. Spezifitaet (0,1,2) schlaegt ihr h1::before (0,0,2). */
h1.enotec-h1-linie--breite::before {
	left: var(--h1-linie-links, 0);
	width: var(--h1-linie-breite);
}