:root { --papier:#F3EDE1; --tinte:#1E2A22; --rasen:#1F5A3D; --rot:#C2381F; --grau:#5B6359; }
* { box-sizing:border-box; }
body { margin:0; background:var(--papier); color:var(--tinte); font-family:'Bricolage Grotesque',-apple-system,Helvetica,Arial,sans-serif; line-height:1.55; }
a { color:var(--rasen); }
.rahmen { max-width:760px; margin:0 auto; padding:32px 20px 64px; }
header { display:flex; align-items:center; gap:12px; margin-bottom:32px; }
header img { width:44px; height:44px; border-radius:11px; border:2px solid var(--tinte); }
header a { font-weight:800; font-size:22px; letter-spacing:1px; color:var(--tinte); text-decoration:none; }
h1 { font-size:clamp(34px,7vw,56px); line-height:1.05; margin:0 0 16px; letter-spacing:-1px; }
h2 { font-size:22px; margin:32px 0 8px; }
.karte { background:#fff; border:3px solid var(--tinte); border-radius:16px; padding:20px; box-shadow:4px 4px 0 var(--tinte); }
.sticker { display:flex; gap:12px; margin:28px 0; flex-wrap:wrap; }
.sticker img { width:calc(25% - 9px); min-width:120px; aspect-ratio:2/3; object-fit:cover; border-radius:12px; border:3px solid var(--tinte); }
.sticker img:nth-child(odd) { transform:rotate(-3deg); } .sticker img:nth-child(even) { transform:rotate(3deg); }
ul.punkte { padding-left:20px; } ul.punkte li { margin:6px 0; }
.knopf { display:inline-block; background:var(--rot); color:#fff; font-weight:800; padding:14px 22px; border-radius:12px; border:3px solid var(--tinte); text-decoration:none; }
footer { margin-top:56px; padding-top:20px; border-top:2px dashed #CFC6B4; font-size:14px; color:var(--grau); display:flex; gap:18px; flex-wrap:wrap; }
.text p { margin:0 0 14px; white-space:pre-line; }