/* Rechtstexte im Erscheinungsbild der Startseite (index.html). Schriften liegen im Repo, damit beim Aufruf keine Daten an Google gehen. */
@font-face { font-family:'DM Sans'; font-style:normal; font-weight:400 700; font-display:swap; src:url(schriften/dm-sans.woff2) format('woff2'); }
@font-face { font-family:'Bricolage Grotesque'; font-style:normal; font-weight:600 800; font-display:swap; src:url(schriften/bricolage-grotesque.woff2) format('woff2'); }
:root { color-scheme:light; --ink:#211c19; --muted:#635b55; --paper:#f7f4ef; --line:#e7e0d7; --accent:#c23f12; --sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif; --display:'Bricolage Grotesque','DM Sans',system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 var(--sans); }
main { max-width:760px; margin:0 auto; padding:48px 24px 80px; }
main > p:first-child a { color:var(--accent); font-weight:700; text-decoration:none; }
h1,h2 { font-family:var(--display); line-height:1.1; letter-spacing:-0.02em; text-wrap:balance; } h1 { font-weight:800; font-size:clamp(36px,6vw,56px); margin:20px 0 24px; } h2 { font-weight:700; font-size:26px; margin-top:48px; }
p { max-width:68ch; } a { color:inherit; } :focus-visible { outline:3px solid var(--ink); outline-offset:3px; border-radius:4px; } footer { border-top:1px solid var(--line); margin-top:56px; padding-top:20px; color:var(--muted); font-size:14px; }
table { width:100%; border-collapse:collapse; font-size:15px; margin:16px 0; } th,td { text-align:left; vertical-align:top; padding:10px 12px 10px 0; border-bottom:1px solid var(--line); } th { font-weight:600; }
@media (max-width:600px) { table, thead, tbody, tr, th, td { display:block; } thead { display:none; } tr { border-bottom:1px solid var(--line); padding:10px 0; } td { border:0; padding:2px 0; } td:first-child { font-weight:600; } }