/* =========================================================================
 * „Orange Linie" – handgezeichnet wirkende Unterstreichung
 * -------------------------------------------------------------------------
 * Der Verein markiert im Editor eine Passage und klickt auf „Orange Linie"
 * (Inline-Format, registriert in underline.js). Die markierte Stelle bekommt
 * <span class="lm-underline">…</span>; die Linie kommt per CSS.
 *
 * Optik: leicht wellige SVG-Linie (wie mit einem Stift gezogen) in #FF4C00,
 * Strichstärke passend zu den anderen Cards/Elementen (~2px). Über --lm-ul-*
 * anpassbar. Die Linie liegt hinter dem Text und läuft unter mehrzeiligen
 * Passagen mit (box-decoration-break).
 * ========================================================================= */
.lm-underline {
	--lm-ul-height: 0.42em;   /* vertikaler „Zeichenbereich" – steuert Dicke/Welle */
	--lm-ul-drop: 0.06em;     /* wie weit die Linie unter die Grundlinie rutscht */

	background-image: url( "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%2016'%20preserveAspectRatio='none'%3E%3Cpath%20d='M2,10.8%20C90,13.4%20210,13%20298,11.4'%20fill='none'%20stroke='%23FF4C00'%20stroke-width='4.3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E" );
	background-repeat: no-repeat;
	background-position: left calc( 100% + var( --lm-ul-drop ) );
	background-size: 100% var( --lm-ul-height );
	padding-bottom: 0.14em;
	/* Farbe/Text bleiben unverändert; nur die Linie kommt dazu. */
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}