/* ============================================================================
   NKDM — Gemeinsame Feature-Seiten-CSS (Timeline-Stil).
   EINE Datei für ALLE Feature-Seiten. Änderungen hier gelten überall +
   automatisch für neue Feature-Seiten. NICHT pro Seite duplizieren.
   (Eigener Styleguide der Features — getrennt vom White/Gold-Galerie-Styleguide.)
   ============================================================================ */

/* --- Mosaik = Darstellung wie die große Galerie (Variante A): 3 große Spalten,
   volle Bild-Ratio, KEIN Crop. HARTREGEL „nichts abschneiden".
   Echte dichte Masonry (CSS-Columns) statt fixe Grid-Zeilen mit object-fit:cover.
   Spalten/Gaps 1:1 wie .grid in styles.css. */
.tl-thumbs{
  display:block;                 /* überschreibt grid → Columns-Masonry */
  column-count:3;                /* wie große Galerie / #104-Kurator */
  column-gap:4px;
}
@media(max-width:1000px){ .tl-thumbs{ column-count:2; } }
@media(max-width:600px){ .tl-thumbs{ column-count:1; } }

.tl-thumbs img{
  width:100%;
  height:auto;                   /* volle Ratio — NICHT abschneiden */
  object-fit:initial;
  display:block;
  margin:0 0 3px;
  border-radius:2px;
  break-inside:avoid;            /* Bild nie über Spaltenumbruch zerreißen */
  -webkit-column-break-inside:avoid;
  cursor:pointer;
}

/* Span-Klassen aus dem alten Grid sind in Columns gegenstandslos (kein Crop nötig). */
.tl-thumbs .sp-c2,
.tl-thumbs .sp-r2{ grid-column:auto; grid-row:auto; }

/* Scrollbars ausblenden (Inhaber 13.06.2026) — auch auf Feature-Seiten. */
html{scrollbar-width:none;-ms-overflow-style:none}
*{scrollbar-width:none}
::-webkit-scrollbar{width:0;height:0;display:none}