/* Grundreset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Body mit dezenter Farb-Variante (z.B. linearer Farbverlauf) */
body {
  font-family: 'Poppins', sans-serif; /* aus Google Fonts */
  background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
  color: #333;
}

/* Titelzentrierung & Schriftanpassung */
h1 {
  font-weight: 600; /* Poppins 600: mittelfett */
  font-size: 2rem;
  margin-bottom: 1rem;
}

/* Such-Eingabefeld: größer, rund, mit Schatten */
.search-input {
  border: 1px solid #ddd;
  border-radius: 40px;
  padding: 1rem 1.5rem;
  font-size: 1.1rem;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* weicher Schatten */
  transition: box-shadow 0.2s, border-color 0.2s;
}

.search-input:focus {
  outline: none;
  border-color: #bbb;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Autocomplete-Liste */
#autocompleteList {
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  max-width: 600px;
  width: 100%;
  border-radius: 10px 10px;
  border-top: none;
  background-color: #fff;
  max-height: 300px;
  overflow-y: auto;
}

/* Einträge in der Autocomplete-Liste (Bootstrap list-group-items) */
#autocompleteList .list-group-item {
  cursor: pointer;
  font-size: 0.95rem;
}

/* Validierungs-/Fehlermeldung */
#validationMessage {
  font-weight: 500;
}

/* Ergebnisse */
#searchResults .card {
  border-radius: 10px;
  border: 1px solid #eee;
  max-width: 700px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

#searchResults .card p {
  margin: 0.2rem 0;
}

section#home{
    min-height: 66vh;
}