@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#1c272b;--muted:#526068;--bg:#f7f6f2;--paper:#fff;--accent:#8a3930;--line:#deded8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 'DM Sans',Arial,sans-serif}a{color:inherit}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{max-width:1160px;margin:auto;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font:700 18px/1.2 'Libre Baskerville',Georgia,serif;text-decoration:none;letter-spacing:-.5px}.navlinks{display:flex;gap:24px;flex-wrap:wrap}.navlinks a{font-size:14px;text-decoration:none;color:var(--muted)}.navlinks a:hover{color:var(--accent)}.wrap{max-width:1160px;margin:auto;padding:0 26px}.hero{display:grid;grid-template-columns:1.35fr .85fr;align-items:center;gap:68px;padding-top:88px;padding-bottom:94px}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:12px;font-weight:700;color:var(--accent)}h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;line-height:1.22;letter-spacing:-.6px}h1{font-size:clamp(39px,5vw,68px);margin:18px 0 22px}h2{font-size:clamp(28px,3vw,40px);margin:0 0 24px}h3{font-size:23px;margin:0 0 13px}p{margin:0 0 18px}.lead{font-size:20px;line-height:1.7;color:#3f4b50}.photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;display:block;background:#e2e0da;border-radius:4px;box-shadow:18px 18px 0 #e7e0d9}.caption{font-size:12px;color:var(--muted);margin-top:20px}.button{display:inline-block;margin-top:18px;padding:12px 23px;background:var(--accent);color:white;text-decoration:none;font-weight:700;font-size:14px;border-radius:3px}.button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent);margin-left:8px}.section{padding:85px 0;border-top:1px solid var(--line)}.section.white{background:var(--paper)}.intro{max-width:780px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.card{background:var(--paper);border:1px solid var(--line);padding:28px;min-height:210px}.card p{font-size:15px;color:var(--muted)}.reading{max-width:800px;margin:auto}.reading h2{margin-top:45px}.reading p{line-height:1.85}.quote{font:italic 25px/1.6 'Libre Baskerville',Georgia,serif;color:var(--accent);border-left:3px solid var(--accent);padding:12px 0 12px 24px;margin:38px 0}.mini{font-size:14px;color:var(--muted)}footer{background:#202c2e;color:#e9ece9;padding:38px 0;font-size:14px}footer a{color:#e9ece9}.footerinner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.banner{background:#e8e4db;padding:48px 0}.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--accent);border:1px solid #d6b8b2;padding:4px 10px;margin:0 6px 8px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px}.notice{background:#f2e8e3;padding:20px;border-left:3px solid var(--accent)}@media(max-width:800px){.hero,.two{grid-template-columns:1fr;gap:32px}.hero{padding-top:42px;padding-bottom:60px}.photo{max-width:430px}.cards{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.navlinks{gap:14px}.section{padding:55px 0}.button.secondary{margin-left:0}}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.book-card{display:grid;grid-template-columns:120px 1fr;gap:24px;border:1px solid var(--line);background:var(--bg);padding:26px;align-items:start}.book-card h3{font-size:22px}.book-card p{font-size:15px}.book-mark{height:172px;background:#87382f;color:#fff;display:flex;align-items:flex-start;justify-content:center;padding:22px 8px;font:700 12px/1.6 Georgia,serif;letter-spacing:2px;text-align:center;box-shadow:6px 8px 0 #dcd3cb}.book-meta{color:var(--muted);font-size:13px!important}.slogan{font:italic 18px/1.5 Georgia,serif;color:var(--accent);margin:0 0 18px}@media(max-width:920px){.book-grid{grid-template-columns:1fr}}@media(max-width:490px){.book-card{grid-template-columns:1fr}.book-mark{width:130px}}

/* Buchcover und kommende Titel */
.book-card--cover{grid-template-columns:155px minmax(0,1fr);gap:22px;align-items:start}
.book-cover{width:100%;height:auto;aspect-ratio:0.71;object-fit:contain;object-position:top center;background:#ece9e4;box-shadow:5px 9px 18px rgba(24,28,28,.13);display:block}
.coming-soon{margin-top:76px;padding-top:48px;border-top:1px solid var(--line)}
.coming-soon h2{margin-top:12px}
.book-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.book-grid--three .book-card{display:block;padding:20px}
.book-grid--three .book-cover{max-width:240px;margin:0 auto 22px}
.book-grid--three h3{font-size:20px}
@media(max-width:1050px){.book-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.book-grid--three{grid-template-columns:1fr}.book-card--cover{grid-template-columns:120px minmax(0,1fr);padding:16px}.book-grid--three .book-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.book-grid--three .book-cover{margin:0}}
@media(max-width:420px){.book-card--cover,.book-grid--three .book-card{display:block}.book-cover,.book-grid--three .book-cover{max-width:190px;margin:0 0 20px}}