:root { color-scheme: light; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #eef4f0; color: #17352a; }
main { width: min(28rem, calc(100% - 2rem)); padding: 2rem; background: #fff; border: 1px solid #c7d8cf; border-radius: .8rem; box-shadow: 0 .4rem 1.6rem #17352a1a; }
h1 { margin-top: 0; font-size: 1.55rem; }
label { display: grid; gap: .35rem; margin: 1rem 0; font-weight: 650; }
input { width: 100%; padding: .7rem; border: 1px solid #789487; border-radius: .35rem; font: inherit; }
button { width: 100%; margin-top: .5rem; padding: .75rem; border: 0; border-radius: .35rem; background: #176a4a; color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.fehler { padding: .75rem; border-left: .3rem solid #b42318; background: #fff1f0; }
.hinweis { color: #49665a; font-size: .92rem; }