/* Bildnachweis (bildnachweis.html, erzeugt von tools/site/bildnachweis.py) – ergänzt die .bn-* Regeln in base.css.
   Eine Karte je Datei (gleiche Commons-Quelle = eine Karte). Rechner: dichteres Raster; Telefon: kompakte Liste
   (56-px-Vorschau, Titel, Angaben klein daneben), damit die lange Liste kurz bleibt. */
.bn-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}
.bn-card picture{aspect-ratio:16 / 10}
.bn-tx{padding:.8rem 1rem 1rem}
.bn-tx h3{font-size:1.02rem;overflow-wrap:anywhere}
@media (max-width:599px){
.bn-grid{gap:0;border-top:1px solid var(--c-line)}
.bn-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:.8rem;align-items:start;padding:.75rem 0;border:0;border-bottom:1px solid var(--c-line);border-radius:0;background:none}
.bn-card picture{width:56px;height:56px;aspect-ratio:1;border-radius:10px;overflow:hidden}
.bn-tx{padding:0}
.bn-tx h3{margin:0 0 .25rem;font-size:.95rem;line-height:1.3}
.bn-tx dl{gap:.12rem;font-size:.78rem;line-height:1.4}
.bn-tx dl div{grid-template-columns:4.2rem minmax(0,1fr);gap:.35rem}
}