:root{--bg:#252321;--panel:#34302d;--panel2:#2c2927;--line:#554a41;--ink:#f2eee8;--ink-soft:#bfb5ab;--signal:#9a6b47;--signal2:#c09169}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}body{display:flex;flex-direction:column;align-items:center;padding:4vh 4vw}.wrap{width:100%;max-width:1320px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.topbar a,.admin-link{color:var(--ink-soft);text-decoration:none;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:750}.topbar a:hover,.admin-link:hover{color:var(--signal2)}h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);text-transform:uppercase;letter-spacing:.045em;font-weight:650}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:1.5rem}.card{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:2px;overflow:hidden;text-decoration:none;color:var(--ink);min-height:180px;transition:transform .16s ease,border-color .16s ease}.card:hover{transform:translateY(-3px);border-color:var(--signal2)}.card-thumb{width:100%;height:175px;object-fit:cover;display:block}.card-icon{height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3b3531,#292624);border-bottom:1px solid var(--line)}.card svg,.card-icon svg{width:34px;height:34px;stroke:var(--signal2);fill:none;stroke-width:1.5}.card h2{padding:0 1rem 1rem;margin:.9rem 0 0;font-size:1rem;letter-spacing:.025em;font-weight:650;word-break:break-word}.card-meta{padding:0 1rem 1rem;color:var(--ink-soft);font-size:.78rem;margin-top:-.55rem}.document-list{display:grid;gap:.65rem;margin-top:1.5rem}.document-row{display:flex;align-items:center;gap:.8rem;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:.9rem 1rem;text-decoration:none;color:var(--ink)}.document-row:hover{border-color:var(--signal2)}.document-row svg{width:22px;height:22px;stroke:var(--signal2);fill:none;stroke-width:1.6;flex:0 0 auto}.status,.empty{color:var(--ink-soft);line-height:1.6}.status{margin-top:1.5rem;font-size:.85rem}.status.fehler{color:#d7a27e}
.page-logo{display:block;width:210px;height:44px;object-fit:contain;margin-left:auto}.topbar{display:flex;align-items:center;min-height:52px}@media(max-width:620px){.page-logo{width:145px;height:34px}}