:root { --grund:#0b0e13; --flaeche:#141920; --rand:#232a34;
        --text:#d7dce3; --matt:#8c97a4; --hell:#f4f7fa; --marke:#5aa0e8; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--grund); color:var(--text);
  font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif; }
.rahmen { max-width:44rem; margin:0 auto; padding:3rem 1.5rem 4rem; }
.zurueck { margin-bottom:2rem; font-size:.85rem; }
h1 { font-size:1.9rem; color:var(--hell); letter-spacing:-.02em; margin-bottom:1.5rem; }
h2 { font-size:1rem; color:var(--hell); margin:2rem 0 .5rem; font-weight:600; }
p, ul { color:var(--text); font-size:.94rem; margin-bottom:.8rem; }
ul { padding-left:1.2rem; }
li { margin-bottom:.45rem; }
strong { color:var(--hell); }
a { color:var(--marke); }
.vorweg, .hinweis { background:var(--flaeche); border:1px solid var(--rand);
  border-radius:.6rem; padding:1rem; color:var(--matt); font-size:.9rem; }
footer { margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--rand);
  font-size:.82rem; color:var(--matt); }
footer a { color:var(--matt); }
.warnung { background: #2a1f10; border: 1px solid #6b4a18; color: #e8c88a;
  border-radius: .6rem; padding: 1rem; margin-bottom: 1.5rem; font-size: .9rem; }
.warnung a { color: #f0d9a8; }