/* Ratgebersidor: lätt mall i startsidans färger (blå list, röd/grön knapp) */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f7f8f9;color:#222;line-height:1.7}
.kopf{background:#17679B}
.kopf-in{max-width:820px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}
.kopf a{color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:15px}
.kopf-reg{background:#cd1f25;border-radius:4px;padding:8px 16px}
.kopf-reg:hover{background:#b01a1f}
.wrap{max-width:820px;margin:0 auto;padding:36px 20px 56px;background:#fff}
h1{font-size:2rem;line-height:1.2;margin-bottom:14px}
h2{font-size:1.3rem;margin:30px 0 10px}
p{margin-bottom:14px}
.intro{font-size:1.1rem;color:#444}
ul{margin:0 0 16px 22px}
li{margin-bottom:8px}
a{color:#1e73be}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 8px}
.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;text-decoration:none;border-radius:4px;padding:13px 26px}
.btn-rot{background:#cd1f25}.btn-rot:hover{background:#b01a1f;color:#fff}
.btn-gruen{background:#44b344}.btn-gruen:hover{background:#3a9c3a;color:#fff}
.mehr{list-style:none;margin-left:0}
.fuss{text-align:center;padding:20px;font-size:.85rem}
.fuss a{color:#888}
@media(max-width:600px){h1{font-size:1.6rem}.btn{width:100%}}