.webtonia-dealer-search { display: flex; width: 100%; } .webtonia-dealer-search__sidebar { width: 35%; overflow-y: auto; padding-right: 12px; box-sizing: border-box; } .webtonia-dealer-search__map { width: 65%; height: 100%; } .webtonia-dealer-search__search-row { display: flex; gap: 8px; margin-bottom: 12px; } .webtonia-dealer-search__search { flex: 1; padding: 8px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; outline: none; } .webtonia-dealer-search__search:focus { outline: none; } .webtonia-dealer-search__reset { padding: 8px 12px; white-space: nowrap; cursor: pointer; } /* Google Places Autocomplete hängt seine Vorschlagsliste außerhalb unseres Markups an an — ohne hohen z-index landet sie optisch hinter der Karte. */ .pac-container { z-index: 10000; } .webtonia-dealer-search__card { border: 1px solid #ddd; border-radius: 4px; padding: 10px; margin-bottom: 8px; cursor: pointer; } .webtonia-dealer-search__card.is-active { border-color: #2271b1; background: #f0f6fc; } @media (max-width: 768px) { .webtonia-dealer-search { flex-direction: column; } .webtonia-dealer-search__sidebar, .webtonia-dealer-search__map { width: 100%; } .webtonia-dealer-search__map { height: 400px; } }