/* Tani Bücher – Buchseiten. Handy zuerst, grosse Amazon-Schaltfläche, keine Logos. */

.tani-buch-kopf { display: grid; gap: 1.5rem; margin-bottom: 2rem; }
@media (min-width: 768px) { .tani-buch-kopf { grid-template-columns: minmax(220px, 2fr) 3fr; align-items: start; } }
.tani-buch-cover img { width: 100%; height: auto; box-shadow: 0 6px 24px rgba(0,0,0,.18); border-radius: 4px; }
.tani-buch-titel { margin: 0 0 .4rem; line-height: 1.15; }
.tani-buch-untertitel { font-size: 1.1rem; color: #4b5563; margin: 0 0 1.2rem; }
.tani-buch-fakten { list-style: none; padding: 0; margin: 1rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; color: #4b5563; font-size: .95rem; }
.tani-buch-fakten li::before { content: "✓ "; color: #2f705e; }

.tani-amazon-buttons { display: flex; flex-wrap: wrap; gap: .6rem; }
/* Amazon-Schaltfläche (Martin 30.10.2026: stilvoll, animiert, frische Farbe): Pille mit Farbverlauf Petrol → Blau → Violett,
   weisser Text (Kontrast ≥ 4,5:1 auf allen Verlaufsfarben), Pfeil, Glanzlauf alle 6 s, beim Zeigen hebt sie sich und der Verlauf wandert.
   Bei „Bewegung reduzieren“ keine Animation. */
.tani-amazon-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 50px; padding: 0 1.6rem 0 1.5rem; color: #fff !important; text-decoration: none !important; border-radius: 999px; font-weight: 700; font-size: 1.05rem; letter-spacing: .01em; background-image: linear-gradient(120deg, #0f766e 0%, #1d4ed8 50%, #6d28d9 100%); background-size: 200% 100%; background-position: 0 0; box-shadow: 0 4px 14px rgba(29, 78, 216, .28); transition: transform .25s ease, box-shadow .25s ease, background-position .6s ease; }
.tani-amazon-button::after { content: "→"; font-weight: 700; transition: transform .25s ease; }
.tani-amazon-button::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, transparent 25%, rgba(255,255,255,.32) 50%, transparent 75%); transform: translateX(-130%); animation: tani-glanz 6s ease-in-out 1.5s infinite; }
@keyframes tani-glanz { 0% { transform: translateX(-130%); } 22% { transform: translateX(130%); } 100% { transform: translateX(130%); } }
.tani-amazon-button:hover, .tani-amazon-button:focus-visible { color: #fff !important; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(109, 40, 217, .34); background-position: 100% 0; }
.tani-amazon-button:hover::after, .tani-amazon-button:focus-visible::after { transform: translateX(4px); }
.tani-amazon-button:focus-visible { outline: 3px solid #f59e0b; outline-offset: 3px; }
.tani-amazon-button:active { transform: translateY(0); box-shadow: 0 3px 10px rgba(29, 78, 216, .28); }
@media (max-width: 600px) { .tani-amazon-button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .tani-amazon-button, .tani-amazon-button::after { transition: none; } .tani-amazon-button::before { animation: none; } .tani-amazon-button:hover, .tani-amazon-button:focus-visible { transform: none; } }

.tani-beispiele-raster, .tani-buch-raster { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.tani-beispiel img, .tani-vergleich img { width: 100%; height: auto; border: 1px solid #e5e7eb; }
figcaption { font-size: .9rem; color: #5b6670; margin-top: .4rem; text-align: center; }

/* Vorher/Nachher-Schieber: ausgemaltes Bild unten, leeres darüber, Breite per Regler */
.tani-vergleich-bilder { position: relative; overflow: hidden; }
.tani-vergleich-bilder > img { display: block; }
.tani-vergleich-oben { position: absolute; inset: 0; width: 50%; overflow: hidden; border-right: 3px solid #fff; box-shadow: 2px 0 6px rgba(0,0,0,.25); }
.tani-vergleich-oben img { width: auto; height: 100%; max-width: none; }
.tani-vergleich-regler { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }

.tani-buch-karte { text-align: center; }
.tani-buch-karte img { width: 100%; height: auto; box-shadow: 0 4px 16px rgba(0,0,0,.15); border-radius: 4px; }
.tani-buch-karte-titel { font-size: 1.15rem; margin: .8rem 0 .2rem; }
.tani-buch-karte-untertitel { font-size: .9rem; color: #5b6670; margin: 0 0 .8rem; }
.tani-buch-karte .tani-amazon-buttons { justify-content: center; }
.tani-partner-hinweis { font-size: .85rem; color: #5b6670; text-align: center; margin: 1rem 0; }
.tani-video video { width: 100%; height: auto; background: #000; }

/* Blättern im Buch */
.tani-blaettern { margin: 2.5rem 0; }
.tani-blaettern-hinweis { color: #5b6670; font-size: .95rem; }
.tani-blaettern-buch { margin: 0 auto; max-width: 900px; }
.tani-blatt { background: #fff; overflow: hidden; }
.tani-blatt img { width: 100%; height: 100%; object-fit: contain; display: block; }
.tani-blatt-deckel { background: #f3f4f6; }
.tani-blatt-schluss { display: flex; align-items: center; justify-content: center; text-align: center; padding: 1.5rem; }
.tani-blatt-schluss-inhalt p { font-size: 1.1rem; margin-bottom: 1rem; }
.tani-blaettern-steuerung { display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: .8rem; }
.tani-blaettern-steuerung button { min-width: 48px; min-height: 48px; font-size: 1.6rem; line-height: 1; border: 1px solid #d1d5db; background: #fff; color: #1f2a37; border-radius: 50%; }

/* Erstes Video oben unter dem Cover (Wunsch Martin 26.10.); Cover + Video teilen sich die linke Spalte */
.tani-buch-medien { min-width: 0; }
.tani-buch-cover-video { margin-top: 1rem; }
.tani-buch-cover-video video { width: 100%; height: auto; background: #000; border-radius: 4px; }

/* Partner-Hinweis direkt bei den Amazon-Knöpfen (FTC/PartnerNet) */
.tani-partner-hinweis-inline { font-size: .85rem; color: #5b6670; margin: .5rem 0 0; }
.tani-buch-karte .tani-partner-hinweis-inline { text-align: center; }

/* „Bald erhältlich“ statt Amazon-Schaltflächen */
.tani-bald { margin: .5rem 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.tani-bald-marke { display: inline-block; padding: .35rem .9rem; border-radius: 999px; background: #e7f0ec; color: #2f705e; font-weight: 700; }
.tani-bald-text { color: #4b5563; }
.tani-buch-karte .tani-bald { justify-content: center; }

/* Farbpalette zur Beispielseite */
.tani-palette { display: block; text-align: center; font-size: .9rem; margin-top: .35rem; }

/* Leser-Galerie */
.tani-galerie { margin: 2.5rem 0; }
.tani-galerie-raster { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.tani-galerie-eintrag img { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.tani-galerie-hinweis, .tani-galerie-leer { color: #5b6670; }
.tani-galerie-aufruf { margin-top: 1rem; }

/* Gratis-Ausmalbilder: Vorschau links, Text/Download/Buch rechts (wie Buchseite) */
.tani-gratis-kopf { display: grid; gap: 1.5rem; margin-bottom: 2rem; }
@media (min-width: 768px) { .tani-gratis-kopf { grid-template-columns: minmax(220px, 2fr) 3fr; align-items: start; } }
.tani-gratis-bild img { width: 100%; height: auto; border: 1px solid #e5e7eb; background: #fff; }
.tani-gratis-anlass { font-size: .9rem; color: #5b6670; margin: 0 0 .3rem; }
.tani-gratis-h1 { margin: 0 0 .8rem; line-height: 1.15; }
.tani-download { display: inline-block; min-height: 48px; line-height: 48px; padding: 0 1.4rem; background: #2f705e; color: #fff !important; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 1.05rem; }
.tani-download:hover, .tani-download:focus { background: #245a4b; }
.tani-download-groesse { font-weight: 400; opacity: .85; font-size: .9rem; }
@media (max-width: 600px) { .tani-download { width: 100%; text-align: center; } }
.tani-gratis-download { margin: 1rem 0 0; }
.tani-gratis-privat { font-size: .85rem; color: #5b6670; margin: .5rem 0 0; }
.tani-pin { margin: .8rem 0 0; font-size: .95rem; }
/* Buch-Kasten (Motivseiten, Ausmalbilder, Blog): Cover, Titel, Amazon-Knöpfe */
.tani-buch-kasten { margin: 1.5rem 0 0; padding: 1rem; background: #f1f5f3; border-radius: 6px; display: grid; grid-template-columns: 96px 1fr; gap: 1rem; align-items: start; }
.tani-buch-kasten img { width: 100%; height: auto; border-radius: 3px; box-shadow: 0 3px 10px rgba(0,0,0,.15); }
.tani-buch-kasten-vorspann { margin: 0; font-size: .85rem; color: #5b6670; }
.tani-buch-kasten-titel { font-size: 1.1rem; font-weight: 700; margin: .1rem 0 .2rem; }
.tani-buch-kasten-untertitel { font-size: .9rem; color: #5b6670; margin: 0 0 .6rem; }
.tani-buch-kasten .tani-amazon-button { min-height: 40px; line-height: 40px; font-size: .95rem; padding: 0 1rem; }
.tani-gratis-raster { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.tani-gratis-karte { text-align: center; }
.tani-gratis-karte img { width: 100%; height: auto; border: 1px solid #e5e7eb; background: #fff; }
.tani-gratis-karte-titel { font-size: 1.1rem; margin: .6rem 0 .2rem; }
.tani-gratis-karte-download { font-size: .9rem; }
.tani-gratis-gruppe, .tani-gratis-weitere, .tani-gratis { margin: 2rem 0; }
.tani-gratis-alle { margin-top: 1.5rem; }

/* Motivseiten: Motiv links, Text/Fakten/Buch rechts */
.tani-motiv-kopf { display: grid; gap: 1.5rem; margin-bottom: 2rem; }
@media (min-width: 768px) { .tani-motiv-kopf { grid-template-columns: minmax(220px, 2fr) 3fr; align-items: start; } }
.tani-motiv-bild img { width: 100%; height: auto; border: 1px solid #e5e7eb; background: #fff; }
.tani-motiv-art { font-size: .9rem; color: #5b6670; margin: 0 0 .3rem; }
.tani-motiv-h1 { margin: 0 0 .8rem; line-height: 1.15; }
.tani-motiv-fakten { margin: 1.5rem 0 0; }
.tani-motiv-fakten h2 { font-size: 1.2rem; margin-bottom: .5rem; }
.tani-motiv-fakten ul { margin: 0; padding-left: 1.2rem; }
.tani-motiv-fakten li { margin-bottom: .5rem; }
.tani-motiv-quellen { font-size: .85rem; color: #5b6670; }
.tani-motiv-raster { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.tani-motiv-karte { display: block; text-align: center; text-decoration: none; }
.tani-motiv-karte img { width: 100%; height: auto; border: 1px solid #e5e7eb; background: #fff; }
.tani-motiv-karte-titel { display: block; margin-top: .4rem; font-size: .95rem; }
.tani-motiv-gruppe, .tani-motiv-weitere, .tani-motive { margin: 2rem 0; }
.tani-motiv-alle { margin-top: 1.5rem; }

/* Die Tiere im Buch (Liste aus der Motivtabelle, ohne Bilder) */
/* Kostproben zuunterst: drei Karten, je Motiv ein bis zwei belegte Angaben */
.tani-kostproben { margin: 2.5rem 0 1rem; padding-top: 1.5rem; border-top: 1px solid #e5e7eb; }
.tani-kostproben-intro { color: #4b5563; margin-bottom: 1.25rem; }
.tani-kostproben-raster { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.tani-kostprobe { background: #f6f8f7; border-radius: 12px; padding: 1.1rem 1.25rem; }
.tani-kostprobe-titel { font-size: 1.1rem; margin: 0 0 .6rem; display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; }
.tani-kostprobe-seite { font-size: .8rem; font-weight: 600; color: #2f705e; background: #fff; border: 1px solid #cfe3dc; border-radius: 999px; padding: .1rem .6rem; white-space: nowrap; }
.tani-kostprobe-angaben { list-style: none; padding: 0; margin: 0; }
.tani-kostprobe-angaben li { margin: 0 0 .7rem; padding-left: 1.1rem; position: relative; font-size: .97rem; line-height: 1.5; }
.tani-kostprobe-angaben li::before { content: "✎"; position: absolute; left: 0; color: #2f705e; }