/* Rechtstexte: gleiche Farben und Schrift wie die Hauptseite */
:root { --bg:#fff; --surface:#f3f8f3; --border:#e3ebe4; --text:#0d120e; --text-2:#5d655f; --green:#62da6a; --green-deep:#12852f; --green-tint:#edf9ee; --font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:var(--green-deep); text-underline-offset:3px; }
.wrap { max-width:760px; margin:0 auto; padding:0 max(20px, env(safe-area-inset-right, 0px)) 0 max(20px, env(safe-area-inset-left, 0px)); }
header { padding:22px 0; border-bottom:1px solid var(--border); }
header .wrap { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; color:var(--text); text-decoration:none; }
.brand img { width:28px; height:28px; }
.back { font-weight:600; font-size:15px; text-decoration:none; }
main { padding:48px 0 72px; }
h1 { font-size:clamp(32px,5vw,44px); line-height:1.1; letter-spacing:-.02em; margin:0 0 8px; }
h2 { font-size:22px; margin:40px 0 8px; letter-spacing:-.01em; }
h3 { font-size:17px; margin:24px 0 4px; }
p, li { color:var(--text-2); }
p { margin:0 0 14px; } ul { padding-left:22px; margin:0 0 14px; }
strong { color:var(--text); }
.todo { background:#fff6d6; border:1px solid #f0d77a; color:#5a4500; border-radius:14px; padding:14px 16px; margin:20px 0 28px; font-size:15px; }
.ph { background:#fff6d6; color:#5a4500; padding:1px 6px; border-radius:6px; font-weight:600; }
footer { border-top:1px solid var(--border); padding:24px 0 40px; font-size:14px; color:var(--text-2); }
footer .wrap { display:flex; gap:18px; flex-wrap:wrap; justify-content:space-between; }
footer a { margin-right:14px; }