/* Blatt & Welle – Gestaltung: Tinte #1f2a44, Papier #f6f1e7, Blatt #4a6b4f, Zinnober #b5452f.
   Schrift: Systemschriften (keine Webfonts von Dritten). */
:root { --tinte:#1f2a44; --papier:#f6f1e7; --blatt:#4a6b4f; --zinnober:#b5452f; --grau:#5c5c5c; }
* { box-sizing: border-box; }
body { margin:0; background:var(--papier); color:var(--tinte); font-family: Georgia, "Times New Roman", serif; line-height:1.6; }
.wrap { max-width:60rem; margin:0 auto; padding:0 1.25rem; }
header.site { border-bottom:1px solid #d9d0bf; padding:1rem 0; }
header.site .wrap { display:flex; align-items:center; gap:.8rem; }
header.site a { color:inherit; text-decoration:none; display:flex; align-items:center; gap:.7rem; }
header.site .name { font-size:1.5rem; letter-spacing:.02em; }
header.site .claim { color:var(--grau); font-size:.95rem; margin-left:auto; }
h1, h2, h3 { font-weight:normal; line-height:1.25; }
h1 { font-size:2rem; margin:1.5rem 0 .5rem; }
h2 { font-size:1.45rem; margin:2rem 0 .8rem; border-bottom:1px solid #d9d0bf; padding-bottom:.3rem; }
a { color:var(--zinnober); }
.muted { color:var(--grau); font-size:.95rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(15rem,1fr)); gap:1.5rem; }
.card { background:#fff; border:1px solid #e3dccd; padding:.8rem; text-decoration:none; color:inherit; display:block; }
.card img { width:100%; height:12rem; object-fit:contain; background:#faf8f3; display:block; }
.card .t { margin:.6rem 0 .1rem; font-size:1.05rem; }
.card .k { color:var(--grau); font-size:.9rem; }
.werk { display:grid; grid-template-columns:3fr 2fr; gap:2rem; align-items:start; }
.werk img { width:100%; background:#fff; border:1px solid #e3dccd; padding:.6rem; }
@media (max-width:44rem) { .werk { grid-template-columns:1fr; } header.site .claim { display:none; } }
dl.angaben { display:grid; grid-template-columns:max-content 1fr; gap:.3rem 1rem; margin:1rem 0; }
dl.angaben dt { color:var(--grau); }
dl.angaben dd { margin:0; }
.preis { font-size:1.3rem; margin:.8rem 0 .2rem; }
.button { display:inline-block; background:var(--tinte); color:var(--papier); padding:.7rem 1.1rem; text-decoration:none; margin:.6rem 0; }
.button:hover { background:var(--blatt); }
.hinweis { background:#fff; border-left:3px solid var(--blatt); padding:.7rem 1rem; margin:1rem 0; }
footer.site { border-top:1px solid #d9d0bf; margin-top:3rem; padding:1.5rem 0 2.5rem; font-size:.9rem; }
footer.site pre { white-space:pre-wrap; font-family:inherit; margin:.5rem 0; }
footer.site nav a { margin-right:1rem; }