/* ============================================================ content.css — zentrale Content-Typografie für alle Seiten ------------------------------------------------------------ Ersetzt die früher pro Seite inline im definierten Element-Styles (h1..h4, p, a, code, pre, table, footer, .lead, .eyebrow). Diese lagen in 2-4 leicht abweichenden Kopien vor und schwappten beim pjax-Seitenwechsel auf andere Seiten über (Layout/Typo-Sprünge). Jetzt EINE Quelle. Basis: jeweils die auf den meisten Seiten verwendete Variante. Gilt im Content-Bereich (.page-main), damit Sidebar/Header unberührt bleiben. ============================================================ */ .page-main h1 { font-size: clamp(24px, 4vw, 34px); color: #fff; margin-bottom: .6rem; letter-spacing: -.01em; } .page-main h2 { font-size: 20px; color: #fff; margin: 2.5rem 0 1rem; } .page-main h3 { font-size: 16px; color: #fff; margin: 1.5rem 0 .6rem; } .page-main h4 { font-size: 14px; font-weight: 600; color: var(--accent); margin: 1rem 0 .4rem; } .page-main p { color: var(--text-muted); font-size: 14.5px; margin-bottom: .9rem; } .page-main a { color: var(--accent); text-decoration: none; } .page-main code { background: rgba(74,222,128,.08); color: var(--accent); border-radius: 5px; padding: 2px 7px; font-size: 13px; font-family: 'JetBrains Mono', monospace; } .page-main pre { background: #0a0f1a; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.1rem 1.3rem; overflow-x: auto; margin: .8rem 0 1.2rem; } .page-main table { width: 100%; border-collapse: collapse; font-size: 13px; } .page-main th { background: var(--bg-card); color: var(--accent); padding: .6rem .9rem; text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; border-bottom: 1px solid var(--border); } .page-main td { padding: .55rem .9rem; border-bottom: 1px solid rgba(37,48,69,.7); color: var(--text-muted); vertical-align: top; } .page-main .lead { color: var(--text-muted); font-size: 15px; margin-bottom: 2rem; max-width: 700px; } .page-main .eyebrow { color: var(--accent); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: .6rem; }