/* Rechtstexte der Lehmlab-Anmeldung — gleiche Palette wie das Formular. */ :root { --bg: #EFE0C6; --surface: #FFFFFF; --sand: #FAF3E6; --ink: #14140D; --muted: #54595F; --hint: #7A7A7A; --line: #DCCBAE; --accent: #B4633C; --accent-dark: #8F4A29; } * { box-sizing: border-box; } body { margin: 0; background: var(--bg); color: var(--ink); font-family: 'Barlow', ui-sans-serif, system-ui, sans-serif; line-height: 1.7; -webkit-font-smoothing: antialiased; } a { color: var(--accent); } a:hover { color: var(--accent-dark); } main { width: min(calc(100% - 2.5rem), 720px); margin: 0 auto; padding: 2.5rem 0 5rem; } .back { display: inline-block; margin-bottom: 1.75rem; font-size: .9rem; font-weight: 600; color: var(--hint); text-decoration: none; } .back:hover { color: var(--accent); } .card { background: var(--surface); border-radius: 8px; padding: 2.25rem 2rem; } /* Deutsche Komposita ("Datenschutzerklaerung") sind laenger als eine schmale Spalte. lang="de" im laesst hyphens:auto korrekt trennen. */ h1, h2, h3, p, li, td, th { overflow-wrap: break-word; hyphens: auto; } h1 { margin: 0 0 .35rem; font-family: 'Fredericka the Great', Georgia, serif; font-size: clamp(1.9rem, 5vw, 2.5rem); font-weight: 400; line-height: 1.15; } h2 { margin: 2rem 0 .5rem; font-size: 1.05rem; font-weight: 600; } h3 { margin: 1.4rem 0 .3rem; font-size: .95rem; font-weight: 600; } p, ul, ol { margin: 0 0 .9rem; } ul, ol { padding-left: 1.35rem; } li { margin-bottom: .35rem; } .muted { color: var(--hint); font-size: .88rem; } .note { background: var(--sand); border-left: 4px solid var(--accent); border-radius: 5px; padding: 1rem 1.15rem; margin: 1.1rem 0; } .note p:last-child { margin-bottom: 0; } table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.4rem; font-size: .93rem; } th, td { text-align: left; vertical-align: top; padding: .65rem .7rem; border-bottom: 1px solid var(--line); } th { font-weight: 600; background: var(--sand); } .table-scroll { overflow-x: auto; } code { background: var(--sand); padding: .1em .35em; border-radius: 3px; font-size: .9em; } footer { margin-top: 2.25rem; padding-top: 1.1rem; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 1rem; color: var(--hint); font-size: .9rem; } footer a { color: var(--hint); } footer a:hover { color: var(--accent); } @media (max-width: 560px) { .card { padding: 1.5rem 1.25rem; } }