:root{--ink:#273E34;--forest:#4E7358;--gold:#AE8853;--line:#D5C9AC;--muted:#6B7967;--cream:#F4F1E7;--page:#F7F0DF;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:"DM Sans",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--page);min-height:100vh;display:flex;flex-direction:column}
header{display:flex;gap:12px;align-items:baseline;padding:16px;border-bottom:1px solid var(--line);background:var(--cream)}
.marke{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:600}
.titel{color:var(--muted)}
main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:24px 16px}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:32px;margin:0 0 12px}
h2{font-size:16px;margin:28px 0 8px;color:var(--forest)}
button{font:inherit;background:var(--forest);color:#fff;border:0;border-radius:6px;padding:10px 18px;cursor:pointer}
button.zweitrangig{background:transparent;color:var(--forest);border:1px solid var(--forest);margin-top:20px}
.ablage{display:block;border:2px dashed var(--gold);border-radius:8px;padding:28px;text-align:center;background:var(--cream);cursor:pointer}
.ablage input{display:block;margin:0 auto 8px}
progress{width:100%;margin-top:12px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
th{background:var(--cream)}
.leise{color:var(--muted);font-size:14px}
footer{padding:16px;text-align:center;color:var(--muted);font-size:13px}
footer a{color:var(--muted)}
[hidden]{display:none!important}
@media (max-width:560px){th:nth-child(2),td:nth-child(2){display:none}}