/* Händler in der Nähe (HaendlerSuche.dc.html): Ergänzungen zu den Einzelklassen. */

/* Filter stehen wie im Prototyp direkt in der Spalte des dunklen Bands (gap 18). */
.eb-hs-formular { display: contents; }

/* Leistungen als An/Aus-Chips (Checkbox im Label, funktioniert auch ohne JavaScript). */
.eb-hs-chip:has(input:checked) { border-color: #0ee90b; background: #0ee90b; }
.eb-hs-chip:has(input:focus-visible) { outline: 2px solid #0ee90b; outline-offset: 2px; }
@media (max-width: 640px) { .eb-hs-chip { min-height: 44px; } }

/* Hinweis vor dem Laden der Karte (OpenStreetMap erst nach Klick); unten Platz für den gewählten Händler. */
.eb-hs-hinweis { padding: 24px 24px 132px; }

/* Handy (unter 640 px; im Prototyp ohne Handy-Layout): Filter kompakt (Standort über die volle Breite, darunter zwei
   Spalten), Leistungen als Wischzeile; Karten mit kleinem Foto neben Name und Adresse, Rest über die volle Breite. */
@media (max-width: 639.98px) {
	.eb-hs-krumen { align-items: center; }
	.eb-hs-krumen a { padding: 12px 0; }
	.eb-hs-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eb-hs-filter > :first-child { grid-column: 1 / -1; }
	.eb-hs-chips { margin: 0 -16px; padding: 0 16px 2px; }
	.eb-hs-karte { grid-template-columns: 88px minmax(0, 1fr) !important; row-gap: 6px !important; align-items: start; }
	.eb-hs-karte > div:first-child { grid-row: 1 / span 3; }
	.eb-hs-karte > div:nth-child(2) { display: contents; }
	.eb-hs-karte > div:nth-child(2) > :nth-child(-n+3) { grid-column: 2; }
	.eb-hs-karte > div:nth-child(2) > :nth-child(n+4) { grid-column: 1 / -1; }
	.eb-hs-knoepfe > a:nth-child(-n+2) { flex: 1 1 0; justify-content: center; }
	.eb-hs-knoepfe > :nth-child(n+3) { flex-basis: 100%; justify-content: center; }
	.eb-hs-karte-box { height: 460px; }
}

/* Händler nach Bundesland (Briefing Runde 2, Punkt 9) */
.gtc-repeat-auto-fill-minmax-220-1fr { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.p-0-clamp-16-4vw-32-72 { padding: 0 clamp(16px, 4vw, 32px) 72px; }

/* Alle Orte von A bis Z (angeregt von pedali.de/haendler): Buchstaben zum Springen, darunter die Orte je Buchstabe. */
.eb-hs-abc a, .eb-hs-abc span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 6px; border-radius: 6px; font-size: 15px; font-weight: 800; font-style: italic; text-decoration: none; }
.eb-hs-abc a { border: 1px solid #141414; color: #141414; }
.eb-hs-abc a:hover { background: #141414; color: #fff; }
.eb-hs-abc span { border: 1px solid #e2e2df; color: #b5b3ad; }
.eb-hs-buchstabe { scroll-margin-top: 24px; }