/* Lernolotl Buchseiten – ergänzt bibliothek.css */
.buch-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start;}
.buch-cover img,.buch-karte img{width:100%;height:auto;border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.16);}
.buch-text .hook{font-size:1.18em;color:#3f5a6d;font-weight:600;line-height:1.45;margin-bottom:14px;}
.buch-text .unter{font-size:.93em;color:#667;margin:14px 0 16px;}
.kauf{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.werbehinweis{font-size:.78em;color:#7a8a94;margin-top:10px;max-width:70ch;}
.vorteile{list-style:none;padding:0;margin:8px 0 0;}
.vorteile li{position:relative;padding-left:26px;margin-bottom:10px;color:#4a5a66;}
.vorteile li::before{content:"";position:absolute;left:6px;top:.62em;width:9px;height:9px;
  border-radius:50%;background:#7b9eb5;}
.vorteile li strong{color:#2f4657;}
.leseprobe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.leseprobe figure{margin:0;}
.leseprobe img{width:100%;height:auto;border-radius:14px;border:1px solid #e4edf2;}
.tafel-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:center;}
.tafel-bild img{width:100%;height:auto;border-radius:14px;border:1px solid #e4edf2;}
.eckdaten{display:grid;grid-template-columns:150px 1fr;gap:8px 18px;margin-bottom:18px;}
.eckdaten dt{font-weight:700;color:#5a7d95;}
.eckdaten dd{margin:0;color:#4a5a66;}
.reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.reihe-karte{display:flex;flex-direction:column;gap:7px;text-decoration:none;background:#f8fbfc;
  border:1px solid #e4edf2;border-radius:16px;padding:12px;}
.reihe-karte img{width:100%;height:auto;border-radius:11px;}
.reihe-karte .rt{font-weight:700;color:#2f4657;font-size:.95em;line-height:1.3;}
.reihe-karte .rb{font-size:.8em;color:#7b9eb5;}
.reihe-karte:hover{background:#eef5f9;}
.buchliste{display:flex;flex-direction:column;gap:22px;}
.buchkarte{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:20px;align-items:start;
  background:#f8fbfc;border:1px solid #e4edf2;border-radius:18px;padding:16px;}
.buchkarte img{width:100%;height:auto;border-radius:13px;}
.buchkarte h3{font-size:1.15em;color:#2f4657;margin-bottom:2px;}
.buchkarte h3 a{color:#2f4657;text-decoration:none;}
.buchkarte h3 a:hover{text-decoration:underline;}
.buchkarte .band{font-size:.82em;color:#7b9eb5;margin-bottom:8px;}
.buchkarte .kurz{font-size:.92em;color:#667;margin-bottom:12px;}
@media(max-width:860px){
  .buch-grid,.tafel-grid,.buchkarte{grid-template-columns:1fr;}
  .buch-cover{max-width:280px;margin:0 auto;}
  .reihe{grid-template-columns:repeat(2,minmax(0,1fr));}
  .leseprobe{grid-template-columns:1fr;}
  .eckdaten{grid-template-columns:120px 1fr;}
}

/* --- Reihenseite Die kleinen Entdecker --- */
.aufbau{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 18px;}
.aufbau-karte{background:#f8fbfc;border:1px solid #e4edf2;border-radius:14px;padding:13px 15px;}
.aufbau-karte h3{font-size:.92em;color:#5a7d95;margin-bottom:5px;}
.aufbau-karte p{font-size:.88em;color:#4a5a66;margin:0;}
.aufbau-bild img,.tag-bild img{width:100%;height:auto;border-radius:14px;border:1px solid #e4edf2;}
.aufbau-bild,.tag-bild{margin:16px 0;}
.aufbau-bild figcaption{font-size:.82em;color:#7b9eb5;margin-top:7px;}
.beispieltag .quelle{font-size:.82em;color:#7b9eb5;margin-bottom:10px;}
.tag-kopf{background:#f8fbfc;border:1px solid #e4edf2;border-radius:14px;padding:14px 16px;margin-bottom:6px;}
.tag-kopf .tag-nr{font-size:.8em;color:#7b9eb5;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.tag-kopf h3{margin:4px 0 8px;color:#2f4657;}
.badges{margin:0;display:flex;gap:8px;flex-wrap:wrap;}
.badge{background:#eef5f9;color:#5a7d95;border-radius:999px;padding:3px 11px;font-size:.8em;font-weight:600;}
.beispieltag h4{margin:20px 0 4px;color:#5a7d95;font-size:1em;}
.klein{font-size:.88em;color:#667;}
.kostproben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.kost{background:#f8fbfc;border:1px solid #e4edf2;border-radius:14px;padding:13px 15px;}
.kost .quelle{font-size:.78em;color:#7b9eb5;margin:0 0 4px;}
.kost h3{font-size:.98em;color:#2f4657;margin:0 0 6px;}
.kost p{font-size:.88em;color:#4a5a66;margin:0;}
h3.gruppe{margin:22px 0 10px;color:#5a7d95;font-size:1.02em;}
.baende{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.band{background:#f8fbfc;border:1px solid #e4edf2;border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;}
.band h4{font-size:.96em;color:#2f4657;margin:8px 0 5px;line-height:1.35;}
.band .kurz{font-size:.85em;color:#667;flex:1;margin-bottom:10px;}
.faq dt{font-weight:700;color:#2f4657;margin-top:14px;}
.faq dd{margin:4px 0 0;color:#4a5a66;font-size:.94em;}
@media(max-width:860px){
  .aufbau,.kostproben,.baende{grid-template-columns:1fr;}
}

/* --- Reihenseite Lernolotl-Geschichten --- */
.baendeliste{display:flex;flex-direction:column;gap:18px;}
.bandkarte{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:18px;align-items:start;
  background:#f8fbfc;border:1px solid #e4edf2;border-radius:18px;padding:15px;}
.bandkarte img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12);}
.bandkarte h3{font-size:1.06em;color:#2f4657;margin-bottom:3px;}
.bandkarte .band{font-size:.82em;color:#7b9eb5;margin-bottom:7px;}
.bandkarte .kurz{font-size:.9em;color:#667;margin-bottom:11px;}
@media(max-width:860px){ .bandkarte{grid-template-columns:1fr;} .bandkarte img{max-width:200px;} }