/* Händlerverzeichnis (haendler-verzeichnis.php): Bundesland und Stadt – Ergänzungen zu atoms.css. */
.p-40-clamp-16-4vw-32-0 { padding: 40px clamp(16px, 4vw, 32px) 0; }
.maxw-62ch { max-width: 62ch; }
.gtc-repeat-auto-fill-minmax-min-100pct-400-1fr { grid-template-columns: repeat(auto-fill, minmax(min(100%, 400px), 1fr)); }
.gtc-repeat-auto-fill-minmax-220-1fr { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

/* Händlerkarte: Bild bzw. Logo links, Angaben rechts */
.eb-hv-karte { grid-template-columns: 170px minmax(0, 1fr); }
.eb-hv-bild { min-height: 170px; }

@media (max-width: 639.98px) {
	.eb-hv-krumen a { padding: 12px 0; }
	.eb-hv-karte { grid-template-columns: minmax(0, 1fr); }
	.eb-hv-bild { min-height: 0; aspect-ratio: 16 / 9; }
}

/* Stadt: Karte mit nummerierten Händlern und dieselben Nummern an den Karten (angeregt von pedali.de/haendler) */
.eb-hv-kartebox { height: 380px; }
.eb-hv-hinweis { padding: 24px; }
.eb-hv-nr { flex: 0 0 auto; display: inline-block; margin-top: -1px; padding: 3px 9px; background: #141414; transform: skewX(-12deg); }
.eb-hv-nr > span { display: block; transform: skewX(12deg); color: #fff; font-size: 14px; font-weight: 800; font-style: italic; line-height: 1.25; }
.eb-hv-karte { scroll-margin-top: 24px; transition: box-shadow .2s; }
.eb-hv-karte.ist-gewaehlt { box-shadow: 0 0 0 3px #0ee90b; }

@media (max-width: 639.98px) {
	.eb-hv-kartebox { height: 300px; }
}