/* theme-lesbar.css — NEUER Baustein (UNIVERSAL §21 Regel 2/4), NICHT in die App eingebunden.
   Lesbarkeit der Startseite. Wirkt NUR mit <html data-lesbar>. Nur Darstellung, keine Texte.
   1. Untertitel: dunkler und eine Stufe größer.
   2. Prinzipien-Texte: höchstens 3 Zeilen sichtbar, der Link „Mehr erfahren" bleibt sichtbar (leicht blendet ihn sonst aus).
   3. Kleine Versal-Zeilen („OUR PRINCIPLES"): größer und weniger gesperrt.
   4. Überschrift: schmalere Zeilenbreite, damit sie in zwei ruhigen Zeilen steht.
   NICHT enthalten: eine kürzere Überschrift — das ist ein Text und braucht Schlüssel in de/en/fr + Cache-Version (GUIDELINES §29).
   Gesehen im Mockup: mockups/mockup-*-leicht.html, mockup-*-startseite.html */

:root[data-lesbar] .hero-subtitle {
    color: var(--text-primary);
    font-size: 1.2rem;
    line-height: 1.55;
    max-width: 34rem;
}
:root[data-lesbar] .hero-display { max-width: 16em; text-wrap: balance; }

:root[data-lesbar] .feature-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    color: var(--text-secondary);
}
:root[data-lesbar][data-leicht] .feature-card-link,
:root[data-lesbar] .feature-card-link { display: inline-block; margin-top: var(--space-2); }

:root[data-lesbar] .hero-eyebrow,
:root[data-lesbar] .section-eyebrow {
    font-size: .9rem;
    letter-spacing: .08em;
}