/**
 * legal.css — Lesetypografie für Content-/Rechtsseiten
 * @author GearBase
 * @description Prosa-Styling für die dedizierten Seiten Über uns, Datenschutz,
 *   Impressum, Disclaimer. Baut auf dem .page/.page-panel-Gerüst (pages.css) auf.
 *   Bewusst schlicht: gute Lesbarkeit, dezente Gold-Akzente, keine Karten.
 */

.legal {
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.95rem;
    line-height: 1.65;
    max-width: 760px;
}

.legal h2 {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--gb-accent-light, #c8a87a);
    margin: 28px 0 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(200, 168, 122, 0.18);
}
.legal h2:first-child { margin-top: 0; }

.legal h3 {
    font-size: 1rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
    margin: 18px 0 6px;
}

.legal p { margin: 0 0 12px; }

.legal a {
    color: var(--gb-accent-light, #c8a87a);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.legal a:hover { color: #e3c79a; }

.legal ul { margin: 0 0 12px; padding-left: 20px; }
.legal li { margin-bottom: 5px; }

/* Klar erkennbare Platzhalter — vor Live alle ersetzen. */
.legal-ph {
    background: rgba(150, 90, 30, 0.22);
    border: 1px dashed rgba(200, 168, 122, 0.55);
    border-radius: 4px;
    padding: 1px 6px;
    color: #f0d9b2;
    font-style: italic;
    white-space: nowrap;
}

/* Hinweis-Box (z. B. „Entwurf — bitte ersetzen") */
.legal-note {
    background: rgba(150, 90, 30, 0.15);
    border-left: 3px solid var(--gb-accent-light, #c8a87a);
    border-radius: 4px;
    padding: 10px 14px;
    margin: 0 0 22px;
    font-size: 0.88rem;
    color: rgba(255, 255, 255, 0.75);
}

.legal-updated {
    margin-top: 30px;
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.45);
}