:root { color-scheme: light; --bg: #fdf6e3; --text: #5d4037; --muted: rgba(93, 64, 55, 0.72); --border: rgba(93, 64, 55, 0.14); --card: rgba(255, 255, 255, 0.55); } * { box-sizing: border-box; } body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color: var(--text); line-height: 1.55; } main { max-width: 42rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; } h1 { font-size: 1.85rem; line-height: 1.2; margin: 0 0 0.5rem; } h2 { font-size: 1.15rem; margin: 2rem 0 0.75rem; } p, li { font-size: 1rem; } .lead { color: var(--muted); margin: 0 0 1.5rem; } .card { background: var(--card); border: 1px solid var(--border); border-radius: 1rem; padding: 1.25rem 1.35rem; margin: 1rem 0; } ul, ol { margin: 0.5rem 0 0; padding-left: 1.25rem; } ul li + li, ol li + li { margin-top: 0.45rem; } a { color: var(--text); font-weight: 600; } .lang-switch { margin-bottom: 1.5rem; font-size: 0.95rem; } .lang-switch a { margin-right: 1rem; } .lang-switch a[aria-current='true'] { text-decoration: underline; } footer { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--border); font-size: 0.92rem; color: var(--muted); } /* Only hide inner translations, not on English-only pages. */ body [lang='en'] { display: none; } html.show-en body [lang='de'] { display: none; } html.show-en body [lang='en'] { display: revert; }