/* Waldlicht, Buchseiten und eine ruhige Mondnacht statt austauschbarer Shopoptik. */
h1,h2,h3,.marke { font-family: Georgia,"Times New Roman",serif; font-weight: 500; }
main { max-width: var(--breite-max); }
.kopf { padding-block:var(--a4); border-bottom:1px solid var(--linie); }
.marke { gap:var(--a3); font-size:1.6rem; }
.marke img { width:62px; height:62px; object-fit:contain; }
.marke small { display:block; font-family:var(--schrift); font-size:.72rem; font-weight:400; color:var(--text-leise); }
.navigation a { color:var(--text); font-size:.95rem; }
.navigation a[aria-current="page"] { text-decoration:underline; text-underline-offset:7px; text-decoration-color:var(--akzent); }
.hero { padding-block:var(--a8); display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:var(--a7); }
.hero h1 { max-width:12ch; }
h1 em { color:var(--akzent); font-weight:400; }
.vorzeile { font-size:.75rem; font-weight:700; }
.herotext .einleitung { max-width:43ch; margin-top:var(--a5); }
.herobild { margin:0; align-self:center; background:var(--salbei); border-radius:48% 48% 16px 16px; overflow:hidden; padding-top:var(--a7); }
.herobild img { width:100%; height:auto; aspect-ratio:1206 / 510; object-fit:contain; }
.herobild figcaption { padding:var(--a5); font-size:.9rem; text-align:center; }
.aktionen { display:flex; flex-wrap:wrap; gap:var(--a3); align-items:center; margin-block:var(--a5); }
.knopf { gap:var(--a2); border-radius:30px; font-size:.95rem; }
.textlink { display:inline-flex; align-items:center; min-height:44px; color:var(--text); font-weight:700; text-underline-offset:5px; gap:var(--a2); }
.textlink:hover { color:var(--akzent); }
.sectionhead { max-width:760px; margin-bottom:var(--a7); }
.sectionhead p { color:var(--text-leise); }
.sectionhead .vorzeile { color:var(--akzent); }
.zeile { max-width:none; display:flex; justify-content:space-between; align-items:end; gap:var(--a5); }
.themen { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--a4); }
.themenkarte { display:block; padding:var(--a5); background:var(--salbei); border-radius:var(--rundung); color:var(--text); text-decoration:none; border:1px solid var(--linie); }
.themenkarte h3 { font-size:1.5rem; min-height:3.3em; }
.themenkarte p { font-size:.95rem; color:var(--text-leise); }
.themenkarte span { display:block; font-size:.85rem; font-weight:700; margin-top:var(--a5); }
.themenkarte:hover { border-color:var(--text); }
.buchraster { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--a6); }
.buchkarte { border:1px solid var(--linie); border-radius:var(--rundung); overflow:hidden; background:var(--flaeche); display:flex; flex-direction:column; }
.buchbild { display:flex; justify-content:center; align-items:center; background:var(--salbei); padding:var(--a6); min-height:310px; }
.buchbild img { width:auto; height:260px; max-width:100%; object-fit:contain; filter:drop-shadow(3px 6px 6px rgb(32 63 45 / 16%)); }
.kartentext { padding:var(--a5); display:flex; flex-direction:column; flex:1; }
.kartentext h3 a { display:inline-flex; align-items:center; min-height:44px; color:var(--text); text-decoration:none; }
.kartentext p:not(.vorzeile) { color:var(--text-leise); font-size:.95rem; }
.kartentext .textlink { margin-top:auto; font-size:.9rem; }
.alter { font-size:.85rem; color:var(--text-leise); }
.mond { display:grid; grid-template-columns:.8fr 1.2fr; gap:var(--a8); padding:var(--a8); background:var(--nacht); color:var(--grund); border-radius:var(--rundung); margin-bottom:var(--a8); align-items:center; }
.mond .vorzeile { color:var(--grund); }
.mondbild { max-width:290px; margin:auto; }
.mondbild img { max-height:400px; object-fit:contain; }
.mond h2 { font-size:clamp(2.3rem,3vw,3.5rem); }
.mond .knopf { background:var(--grund); color:var(--nacht); }
.kurzvorstellung { display:flex; gap:var(--a7); align-items:center; max-width:850px; margin:auto; padding-top:0; border-top:0; }
.kurzvorstellung img { flex-shrink:0; object-fit:contain; }
.fuss { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--a5); }
.fuss strong { font-family:Georgia,serif; font-size:1.5rem; color:var(--text); }
.fussnote { flex-basis:100%; margin:0; }
.seitenkopf { padding-bottom:var(--a6); max-width:820px; }
.katalog { border-top:0; padding-top:var(--a4); }
.filter { display:flex; gap:var(--a2); flex-wrap:wrap; margin-bottom:var(--a5); }
.filter button { min-height:44px; padding:var(--a3) var(--a5); border:1px solid var(--linie); border-radius:30px; font:inherit; font-size:.9rem; background:var(--flaeche); color:var(--text); cursor:pointer; }
.filter button[aria-pressed="true"] { background:var(--wald); color:var(--flaeche); border-color:var(--wald); }
.filter button:hover { border-color:var(--wald); }
#anzahl { color:var(--text-leise); font-size:.9rem; margin-bottom:var(--a6); }
.kaufhinweis { margin-top:var(--a7); max-width:65ch; }
.brot { padding-top:var(--a6); }
.brot a { display:inline-flex; min-height:44px; align-items:center; color:var(--text); }
.buchdetail { display:grid; grid-template-columns:.8fr 1.2fr; gap:var(--a8); align-items:start; padding-top:var(--a6); }
.buchdetail h1 { font-size:clamp(2.2rem,1.6rem + 2vw,3.6rem); }
.detailbild { background:var(--salbei); padding:var(--a7); border-radius:var(--rundung); }
.detailbild img { margin:auto; max-height:580px; width:auto; object-fit:contain; box-shadow:4px 8px 20px rgb(32 63 45 / 15%); }
.passend { margin-block:var(--a6); padding:var(--a5); background:var(--salbei); border-radius:var(--rundung-klein); }
.passend h2,.ausgabe { font-size:1.5rem; }
.passend p { margin:0; }
.autorinnenseite { display:grid; grid-template-columns:1.2fr .8fr; gap:var(--a8); align-items:center; min-height:650px; }
.recht { max-width:750px; }
.recht h2 { font-size:1.65rem; margin-top:var(--a7); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
[hidden] { display:none !important; }
@media (max-width:1000px) {
 .hero { gap:var(--a5); }
 .themen { grid-template-columns:repeat(2,1fr); }
 .buchraster { gap:var(--a4); }
 .mond { gap:var(--a7); padding:var(--a7); }
 .buchdetail { gap:var(--a7); }
}
@media (max-width:700px) {
 .kopf, main, .fuss { padding-inline:var(--a5); }
 .kopf { justify-content:center; gap:var(--a2); }
 .marke { font-size:1.45rem; }
 .marke img { width:52px; height:52px; }
 .navigation { width:100%; }
 .navigation ul { justify-content:center; gap:var(--a4); }
 .hero { grid-template-columns:1fr; padding-top:var(--a7); gap:var(--a6); }
 .hero h1 { max-width:15ch; font-size:clamp(2.6rem,9.7vw,4rem); }
 .herobild { border-radius:24px; padding-top:0; }
 .herobild img { aspect-ratio:1.85; }
 .herobild figcaption { padding:var(--a4); font-size:.82rem; }
 section { padding-block:var(--a7); }
 .themen { gap:var(--a3); }
 .themenkarte { padding:var(--a4); }
 .themenkarte h3 { font-size:1.3rem; }
 .themenkarte p { font-size:.85rem; }
 .zeile { display:block; }
 .buchraster { grid-template-columns:1fr; gap:var(--a5); }
 .buchbild { min-height:290px; }
 .buchbild img { height:260px; }
 .kartentext { padding:var(--a5); }
 .mond { grid-template-columns:1fr; padding:var(--a6); gap:var(--a6); }
 .mondbild { max-width:225px; }
 .kurzvorstellung { flex-direction:column; align-items:start; gap:var(--a5); }
 .kurzvorstellung img { width:80px; height:80px; }
 .buchdetail,.autorinnenseite { grid-template-columns:1fr; gap:var(--a6); }
 .detailbild { padding:var(--a5); }
 .detailbild img { max-height:370px; }
 .buchdetail .aktionen { align-items:stretch; flex-direction:column; }
 .fuss nav { display:flex; flex-wrap:wrap; gap:var(--a2); }
 .filter button { padding-inline:var(--a4); }
}