.leaflet-control-geocoder {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Weicher Schatten */
  border: 1px solid #d9d9d9; /* Heller Rand */
  border-radius: 20px; /* Abgerundete Ecken für Google Maps Look */
  padding: 5px 10px; /* Innenabstand */
  font-size: 14px; /* Schriftgröße */
  font-family: Arial, sans-serif; /* Schriftart */
  width: 300px; /* Breite des Suchfeldes */
  background-color: #fff; /* Hintergrundfarbe */
  display: flex; /* Flexbox für Icon-Ausrichtung */
  align-items: center; /* Zentrierte Inhalte */
}

.leaflet-control-geocoder input {
  border: none; /* Kein Rand für das Eingabefeld */
  outline: none; /* Kein Fokus-Rahmen */
  width: 100%; /* Volle Breite */
  font-size: 14px; /* Schriftgröße */
  color: #333; /* Textfarbe */
  padding-left: 10px; /* Abstand vom Rand */
}

.leaflet-control-geocoder input::placeholder {
  color: #757575; /* Platzhalter-Farbe */
}

.leaflet-control-geocoder-icon {
  background-color: transparent; /* Kein Hintergrund */
  border: none; /* Kein Rand */
  cursor: pointer; /* Zeiger beim Überfahren */
  margin-right: 5px; /* Abstand zum Textfeld */
}

.leaflet-control-geocoder-icon img {
  width: 20px; /* Icon-Größe */
  height: 20px;
}

/* Alternative Ergebnisse verbergen */
.leaflet-control-geocoder-alternatives {
  display: none;
}