/* Uebersichten /marken und /hersteller: Suchfeld, Sprungband, Gruppen A bis Z. 26.09.2026 */
.mk-uebersicht { max-width: 62em; margin: 0 auto; padding: 0 1em; }
.mk-uebersicht-header h1 { margin: 0.4em 0 0.3em 0; }
.mk-uebersicht-intro { margin: 0 0 0.8em 0; opacity: 0.85; }
.mk-suche { display: flex; align-items: center; gap: 0.8em; margin: 0 0 1em 0; }
.mk-suche input { flex: 1 1 auto; max-width: 28em; font-size: 1.05em; padding: 0.55em 0.8em; border: 1px solid var(--tb-border, #ccc); border-radius: 0.5em; }
.mk-suche-treffer { font-size: 0.9em; opacity: 0.8; white-space: nowrap; }
.mk-abc { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: 0.3em; padding: 0.6em 0; margin: 0 0 1em 0; background: var(--tb-bg, #fff); border-bottom: 1px solid var(--tb-border, #ddd); }
.mk-abc a, .mk-abc span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.2em; height: 2.2em; padding: 0 0.4em; border-radius: 0.4em; border: 1px solid var(--tb-border, #ddd); font-weight: 600; text-decoration: none; }
.mk-abc a:hover, .mk-abc a:focus { background: var(--tb-primary, #b71c1c); color: #fff; border-color: var(--tb-primary, #b71c1c); }
.mk-abc span { opacity: 0.35; }
.mk-gruppe { scroll-margin-top: 4em; margin-bottom: 1em; }
.mk-gruppe-titel { font-size: 1.5em; margin: 0 0 0.5em 0; padding-bottom: 0.2em; border-bottom: 2px solid var(--tb-primary, #b71c1c); }
.mk-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(14em, 1fr)); gap: 0.3em 1.2em; }
.mk-eintrag { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5em; padding: 0.15em 0; border-bottom: 1px dotted var(--tb-border, #e5e5e5); }
.mk-eintrag a { text-decoration: none; }
.mk-eintrag a:hover { text-decoration: underline; }
.mk-anzahl { font-size: 0.8em; opacity: 0.6; }
.mk-leer-suche, .mk-leer { padding: 1em; }
@media (max-width: 40em) { .mk-liste { grid-template-columns: 1fr 1fr; } .mk-suche { flex-wrap: wrap; } }
/* hidden-Attribut muss gegen display:flex/grid gewinnen (Suchfilter) */
.mk-eintrag[hidden], .mk-gruppe[hidden], .mk-abc[hidden], .mk-leer-suche[hidden] { display: none !important; }
/* gegen zentrierte Listen-Vorgaben der .box */
.mk-gruppe .mk-liste { display: grid !important; width: 100%; text-align: left; }
.mk-gruppe .mk-eintrag { width: auto; margin: 0; }