* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #f5f1e8; color: #2b2b2b; line-height: 1.6; }
header { background: #4a5d3a; color: #fff; padding: 14px 16px; }
header a { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 1.1rem; }
header img { width: 32px; height: 32px; }
main { max-width: 720px; margin: 0 auto; padding: 18px 16px 40px; }
.crumbs { font-size: 0.82rem; color: #666; margin-bottom: 10px; }
h1 { font-size: 1.6rem; margin: 0 0 12px; color: #3a4a2d; line-height: 1.25; }
h2 { font-size: 1.2rem; margin: 30px 0 8px; color: #3a4a2d; }
h3 { font-size: 1.02rem; margin: 18px 0 4px; color: #3a4a2d; }
.lead { font-size: 1.05rem; }
ul, ol { padding-left: 1.3rem; }
li { margin-bottom: 8px; }
a { color: #3a4a2d; }
.cta { display: inline-block; margin: 8px 0; padding: 12px 22px; background: #4a5d3a; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; }
.cta-note { font-size: 0.85rem; color: #666; margin-left: 6px; }
.lead-cta { margin: 14px 0 6px; }
.box { background: #fff; border: 1px solid #e4ded0; border-radius: 10px; padding: 16px; margin: 32px 0 10px; }
.box p { margin: 8px 0 0; }
.guide-list { list-style: none; padding: 0; }
.guide-list li { margin-bottom: 6px; }
.guide-list a { display: block; padding: 10px 12px; background: #fff; border: 1px solid #e4ded0; border-radius: 8px; text-decoration: none; }
.guide-list a:hover { background: #ece6d8; }
.guide-list a .muted { display: block; margin-top: 2px; font-size: 0.85rem; font-weight: 400; overflow-wrap: anywhere; }
.groups h3 { margin-top: 22px; }
.meldung-meta { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 18px 0; padding: 14px 16px; background: #fff; border: 1px solid #e4ded0; border-radius: 10px; }
.meldung-meta dt { color: #666; font-size: 0.9rem; }
.meldung-meta dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.meldung-foto { margin: 16px 0; }
.meldung-foto img { display: block; max-width: 100%; max-height: 420px; width: auto; height: auto; border-radius: 10px; border: 1px solid #e4ded0; }
.meldung-text { white-space: normal; overflow-wrap: anywhere; }
.notice { background: #fff8e1; border: 1px solid #f0e2b0; border-radius: 8px; padding: 10px 12px; color: #5b4a12; }
.muted { color: #666; font-size: 0.9rem; }
footer { max-width: 720px; margin: 0 auto; padding: 0 16px 32px; font-size: 0.85rem; color: #666; }