/* velodeals – Markenseite, „Alle Marken“, Themenlisten und leere Liste (Tafel 2, marke(), alleMarken(), raceGravel(), emtb(), leereListe()).
   Grundlage sind die Bausteine in velodeals.css und velodeals-2.css; hier stehen nur die Inline-Stile der Tafel als Klassen
   und was das Theme zusätzlich braucht (Ratgeber-Text, Links in Brotkrumen). */
.crumb a:hover{color:var(--fg)}

/* Markenseite: Kopf */
.mkopf{padding-top:16px}
.mkopf .plogo img{max-width:160px;object-fit:contain}
.mkopf .desc{color:var(--c-mute-on-ink)}
.mtest{gap:8px}
.mtest .mimg,.mfoto .mimg{aspect-ratio:3/2;border-radius:12px;overflow:hidden;margin-bottom:8px}
.mtest .lab{margin:0;color:var(--c-lime)}
.mtest .t{color:var(--c-mute-on-ink);font-size:15px}
.mtest .more{justify-self:start;margin-top:6px}
.mfoto{margin:0}
.mfoto .mimg{margin-bottom:0}
.mfoto figcaption{font-size:13px;color:var(--c-mute-on-ink);margin-top:8px}

/* Markenseite: Räder, Modelle, Fragen, Ratgeber */
.mraeder{padding-top:8px}
.msort{margin:0;font-size:14px}
.msort .sort{display:block}
.mraeder .pager{margin:28px 0 0}
.mraeder .pager .btn{color:var(--fg)}
.mmehr{padding-top:0}
.mmehr h2.disp,.mratgeber h2.disp{font-size:28px;margin-bottom:14px}
.mein{max-width:820px}
.faq details.why .antwort{margin:0 16px 14px;color:var(--mute);font-size:15px;line-height:1.5}
.faq details.why .antwort > :first-child{margin-top:0}
.faq details.why .antwort > :last-child{margin-bottom:0}
.faq details.why .antwort p{margin:0 0 10px}
.mratgeber{padding-top:0}
.mratgeber .faq{max-width:820px}
/* Raster-Spalte darf schmaler werden als breite Tabellen; die scrollen dann in ihrem Kasten */
.mmehr .faq,.mratgeber .faq{grid-template-columns:minmax(0,1fr)}
.faq details.why{min-width:0}
.mratgeber .prose{padding:4px 16px 8px;font-size:16px}
.mratgeber .prose h3{font-size:19px;line-height:1.25;margin:24px 0 8px;color:var(--fg)}
.mratgeber .prose ul,.mratgeber .prose ol{padding-left:20px;margin:0 0 18px}
.mratgeber .prose a{text-decoration:underline;text-underline-offset:3px}
.mratgeber .prose figure{margin:20px 0}
.mratgeber .prose img{height:auto;border-radius:12px}
.mratgeber .prose figcaption{font-size:13px;color:var(--mute);margin-top:6px}
.mratgeber .prose .wp-block-table,.mratgeber .prose figure:has(table){overflow-x:auto;margin:20px 0}
.mratgeber .prose table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:480px}
.mratgeber .prose th,.mratgeber .prose td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.mratgeber .prose th,.mratgeber .prose thead td{color:var(--fg);font-weight:700}

/* Alle Marken */
.mkacheln{padding-bottom:56px}
.mkacheln .bgrid{margin-top:12px}

/* Themenlisten: Einleitung und Magazin */
.ldesc{margin:0 0 20px}
.lmagazin .acard .aimg img{display:block}

/* Leere Liste (Filter ohne Treffer) – überschreibt die schlichte Fassung aus liste.css */
.liste .leer.lv{padding:8px 0 32px;color:var(--fg);max-width:none}
.liste .leer.lv h2{font-size:34px;margin:0 0 10px}
.liste .leer.lv .desc{margin:0;font-size:16px;color:var(--mute)}
.liste .leer.lv .fine2{margin:16px 0 0;font-size:12.5px}
.liste .leer.lv .vorschlag a{color:var(--fg)}