/* WunderZwerg - Kulturseiten, nur unter /gemuese/, /kraeuter/ und /obst/ geladen */

.nm-gruppen { display: flex; flex-wrap: wrap; gap: 0 var(--nm-abstand-5); }
.nm-gruppen a { display: inline-flex; align-items: center; min-height: var(--nm-ziel-min); }
.nm-gruppen a[aria-current="page"] { color: var(--nm-farbe-akzent); font-weight: var(--nm-gewicht-stark); text-decoration: none; }

.nm-kulturliste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: 0 var(--nm-abstand-6); }
.nm-kulturliste li { padding-block: var(--nm-abstand-3); border-top: var(--nm-linie) solid var(--nm-farbe-linie); }
.nm-kulturliste h2 { font-size: var(--nm-groesse-3); }
.nm-kulturliste a { text-decoration: none; }
.nm-kulturliste a:hover { text-decoration: underline; }
.nm-kulturliste p { color: var(--nm-farbe-text-leise); font-size: var(--nm-groesse-1); }

.nm-marke-entwurf, .nm-marke-jetzt { font-size: var(--nm-groesse-0); font-weight: var(--nm-gewicht-stark); letter-spacing: var(--nm-sperrung); text-transform: uppercase; white-space: nowrap; }
.nm-marke-entwurf { color: var(--nm-farbe-warnung); }
.nm-marke-jetzt { color: var(--nm-farbe-wachstum); }

.nm-kultur-ort { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--nm-abstand-3) var(--nm-abstand-4); margin-bottom: var(--nm-abstand-5); }
.nm-kultur-ort .nm-feld { flex: 1 1 16rem; }

.nm-fenster__art { display: inline-flex; align-items: center; gap: var(--nm-abstand-2); }
.nm-fenster__art .nm-symbol { width: 20px; height: 20px; color: var(--nm-farbe-akzent); }
.nm-fenster--jetzt th, .nm-fenster--jetzt td { background: var(--nm-farbe-flaeche); }

.nm-steckbrief { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 0 var(--nm-abstand-6); }
.nm-steckbrief div { padding-block: var(--nm-abstand-2); border-bottom: var(--nm-linie) solid var(--nm-farbe-linie); }
.nm-steckbrief dt { font-size: var(--nm-groesse-0); letter-spacing: var(--nm-sperrung); text-transform: uppercase; color: var(--nm-farbe-text-leise); }
.nm-steckbrief dd { margin: 0; }

.nm-nachbarn { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: var(--nm-abstand-5) var(--nm-abstand-6); }
.nm-nachbarn h3 { font-size: var(--nm-groesse-2); margin-bottom: var(--nm-abstand-2); }