:root{color-scheme:light dark;--hintergrund:#fbebdf;--flaeche:#fff9f5;--rand:#e7d8cd;--text:#071e33;--text-zweitrangig:#5b646b;--aktion:#bf352b;--text-auf-aktion:#ffffff;--fokus:#2458c6}
@media (prefers-color-scheme:dark){:root{--hintergrund:#111519;--flaeche:#1d2227;--rand:#343b42;--text:#fff7f1;--text-zweitrangig:#bdc5cb;--aktion:#ff7b6b;--text-auf-aktion:#111519;--fokus:#8fb5ff}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--hintergrund);color:var(--text);font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:25px}
main{max-width:40rem;margin:0 auto;padding:32px 16px}
.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;padding:24px}
h1{font-size:28px;line-height:34px;font-weight:800;margin:0 0 12px}
p{margin:0 0 12px}
p:last-child{margin-bottom:0}
.zweitrangig{color:var(--text-zweitrangig)}
a{color:var(--aktion)}
a:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
form{margin:24px 0 0}
button{font:inherit;font-weight:700;color:var(--text-auf-aktion);background:var(--aktion);border:0;border-radius:14px;padding:12px 24px;cursor:pointer}
button:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}