:root{--bg:#f7f5f0;--card:#fff;--text:#1f2a33;--muted:#4a5560;--accent:#1d5c63;--accent2:#e8f1ef;--warn:#8a4b00;--warnbg:#fff4e0;--border:#c9cfd3}
*{box-sizing:border-box}
html{font-size:20px}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--accent)}
header,main,footer{max-width:760px;margin:0 auto;padding:1rem}
header h1{font-size:1.6rem;line-height:1.25;margin:.5rem 0}
.lead{font-size:1.05rem;color:var(--muted)}
nav.steps{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
nav.steps a{background:var(--accent2);padding:.4rem .7rem;border-radius:.5rem;text-decoration:none;font-weight:600}
section.card{background:var(--card);border:1px solid var(--border);border-radius:.8rem;padding:1.1rem;margin:1.2rem 0}
h2{font-size:1.3rem;margin-top:0}
label{display:block;font-weight:600;margin:.9rem 0 .3rem}
.help{font-weight:400;color:var(--muted);font-size:.9rem;display:block}
input,select,button,textarea{font:inherit;font-size:1rem}
input,select,textarea{width:100%;padding:.6rem;border:2px solid var(--border);border-radius:.5rem;background:#fff;color:var(--text)}
input:focus,select:focus,button:focus,a:focus{outline:3px solid #f0a500;outline-offset:2px}
button,.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:.6rem;padding:.75rem 1.1rem;margin:.8rem .4rem 0 0;cursor:pointer;font-weight:700;text-decoration:none;min-height:48px}
button.secondary{background:#fff;color:var(--accent);border:2px solid var(--accent)}
.result{background:var(--accent2);border-radius:.6rem;padding:1rem;margin-top:1rem}
.big{font-size:1.7rem;font-weight:800;color:var(--accent)}
.warn{background:var(--warnbg);border-left:6px solid var(--warn);padding:.8rem 1rem;border-radius:.4rem;margin:1rem 0}
.disclaimer{background:#fff;border:2px solid var(--accent);border-radius:.6rem;padding:.8rem 1rem}
ol.plan li{margin-bottom:.7rem}
footer{color:var(--muted);font-size:.85rem;border-top:1px solid var(--border);margin-top:2rem}
.row{display:grid;grid-template-columns:1fr;gap:.5rem}
@media(min-width:640px){.row{grid-template-columns:1fr 1fr}}
.print-only{display:none}
@media print{
 body{background:#fff;font-size:12pt}
 header,footer,section.card,.no-print{display:none!important}
 .print-only{display:block!important}
 #druck{display:block!important;font-family:Georgia,serif;font-size:12pt;line-height:1.5}
}