/* ============================================================
   fux_sitepackage_hsgm — Stile aus dem RTE-Standard-Preset (2026-10-12)

   Gegenstueck zu Configuration/RTE/Default.yaml (style.definitions,
   alignment). Geladen im Frontend (Layouts/Page/Relaunch.html) und als
   contentsCss im Editor; Badges separat in rte-badges.css.
   Kontraste: Einleitung/Text #1d1d1f; Gedaempft #6e6e73 auf Weiss 5,1:1;
   Hinweiskasten #1d1d1f auf #e8f0fe 14,6:1, Links #0066cc 4,85:1.
   ============================================================ */

.lead {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
}

.text-muted {
    color: #6e6e73;
}

/* Hinweiskasten: Look wie products.css (.description-content p.rte-hint),
   dort mit hoeherer Spezifitaet fuer die Produktbeschreibung */
.rte-hint {
    padding: 1.5rem;
    color: #1d1d1f;
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f0fe 100%);
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 0.75rem;
}

.rte-hint a {
    font-weight: 600;
    color: #0066cc;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.rte-hint a:hover,
.rte-hint a:focus-visible {
    color: #0051a3;
}

/* Ausrichtung (alignment.options) */
.text-start {
    text-align: start;
}

.text-center {
    text-align: center;
}

.text-end {
    text-align: end;
}

.text-justify {
    text-align: justify;
}

@media (forced-colors: active) {
    .rte-hint {
        border-color: CanvasText;
    }
}