:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin:0; font-family: Georgia, 'Times New Roman', serif; background:#f7f4ee; color:#2c2418;
       min-height:100vh; padding:6vh 24px; display:flex; align-items:flex-start; justify-content:center; }
.card { background:#fff; max-width:520px; width:100%; border-radius:14px; padding:40px 38px;
        box-shadow:0 8px 30px rgba(60,45,20,.12); border:1px solid #e7ddc9; text-align:center; margin:auto; }
.doc  { background:#fff; max-width:680px; width:100%; border-radius:14px; padding:44px 46px;
        box-shadow:0 8px 30px rgba(60,45,20,.12); border:1px solid #e7ddc9; margin:auto; }
.mark { width:56px; height:56px; border-radius:50%; margin:0 auto 18px; display:flex;
        align-items:center; justify-content:center; font-size:26px; background:#f3ece0; color:#8a6d3b; }
.ok  { background:#eaf3e7; color:#3c7a34; }
.bye { background:#f3ece0; color:#8a6d3b; }
.no  { background:#f6e7e5; color:#a5453c; }
h1 { font-size:23px; margin:0 0 12px; }
.doc h1 { font-size:26px; margin:0 0 6px; }
p { font-size:16px; line-height:1.55; margin:0 0 22px; color:#4a3f2e; }
.doc p { font-size:15.5px; line-height:1.62; margin:0; color:#3c3428; }
p.intro, .intro { font-size:16px; color:#6a5f4c; margin:0 0 24px; }
.doc h2 { font-size:17px; margin:24px 0 6px; color:#6b1f2a; }
.err { background:#f6e7e5; color:#a5453c; border-radius:8px; padding:10px 12px;
       font-family:Arial, sans-serif; font-size:14px; margin:0 0 16px; }
form.nlform { text-align:left; }
input[type=email] { width:100%; font-size:16px; padding:12px 14px; border:1px solid #cdbfa2;
                    border-radius:8px; font-family:Arial, sans-serif; margin:0 0 14px; }
label.consent { display:flex; gap:9px; align-items:flex-start; font-family:Arial, sans-serif;
                font-size:13.5px; line-height:1.45; color:#4a3f2e; margin:0 0 20px; }
label.consent input { margin-top:3px; flex:0 0 auto; }
label.consent a { color:#6b1f2a; }
button { width:100%; border:0; cursor:pointer; background:#6b1f2a; color:#fff; font-family:Arial, sans-serif;
         font-size:16px; padding:13px 20px; border-radius:8px; letter-spacing:.02em; }
button:hover { background:#571620; }
a.cta { display:inline-block; text-decoration:none; background:#6b1f2a; color:#fff; font-family:Arial, sans-serif;
        font-size:15px; padding:12px 26px; border-radius:8px; letter-spacing:.02em; margin-top:8px; }
a.cta:hover { background:#571620; }
.doc a.cta { margin-top:32px; }
/* Kompakt-Modus (?compact=1) — fuer eingebettete iframes (z. B. Box unter Notizen) */
body.compact { padding:8px; background:transparent; align-items:flex-start; min-height:0; }
body.compact .card { max-width:640px; padding:20px 22px; border-radius:12px; box-shadow:none; }
body.compact .mark { display:none; }
body.compact h1 { font-size:19px; margin:0 0 8px; }
body.compact p.intro, body.compact .intro { font-size:14px; margin:0 0 14px; }
body.compact p { font-size:14.5px; margin:0 0 14px; }
body.compact input[type=email] { padding:10px 12px; margin:0 0 10px; font-size:15px; }
body.compact label.consent { font-size:12.5px; margin:0 0 12px; }
body.compact button { padding:11px 18px; font-size:15px; }
body.compact a.cta { font-size:14px; padding:10px 20px; }
body.compact .err { font-size:13px; padding:8px 10px; margin:0 0 12px; }