:root{color-scheme:light}
body{font-family:-apple-system,system-ui,sans-serif;margin:0;background:#f6f6f4;color:#1d1d1b}
main{max-width:34rem;margin:0 auto;padding:1.5rem}
h1{font-size:1.4rem}h2{font-size:1.05rem;margin-top:1.6rem}
label{display:block;margin-top:.8rem;font-size:.9rem}
input{width:100%;box-sizing:border-box;padding:.6rem;font-size:1rem;border:1px solid #bbb;border-radius:.4rem;background:#fff;color:#1d1d1b}
button{margin-top:.8rem;padding:.6rem 1rem;font-size:1rem;border-radius:.4rem;border:1px solid #888;background:#fff;color:#1d1d1b;cursor:pointer}
button.haupt{width:100%;background:#1d4ed8;color:#fff;border-color:#1d4ed8}
button.link{border:0;background:none;color:#1d4ed8;padding:0;margin:0;text-decoration:underline}
details{margin-top:1.2rem}summary{cursor:pointer}
.hinweis{font-size:.85rem;color:#555}
#meldung{min-height:1.2rem;color:#b91c1c}
#meldung.gut{color:#15803d}
.warnung{color:#b91c1c;font-weight:600}
button.gefahr{background:#b91c1c;color:#fff;border-color:#b91c1c}
ul{padding-left:1.1rem}li{margin:.4rem 0}li button{margin:0 0 0 .5rem;padding:.2rem .5rem;font-size:.85rem}
code,pre{word-break:break-all;white-space:pre-wrap;background:#fff;padding:.2rem .3rem;border-radius:.3rem}