<!-- css/style.css -->
html, body {
  height: 100%; margin: 0; padding: 0; font-family: Arial, sans-serif;
}
body { display: flex; flex-direction: column; }
.site-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem; background: #2a9d8f;
}
.site-header .logo svg { height: 50px; }
.search-bar { display: flex; }
.search-bar input {
  padding: 0.5rem; border: none;
  border-radius: 4px 0 0 4px; width: 200px;
}
.search-bar button {
  background: #264653; border: none; border-radius: 0 4px 4px 0;
  display: flex; align-items: center; justify-content: center;
  width: 40px; cursor: pointer;
}
.map-section { flex: 1; position: relative; }
#map { width: 100%; height: calc(100vh - 120px); }
.site-footer {
  text-align: center; padding: 1rem;
  background: #264653; color: #fff;
}
/* Anpassen der Pins auf 40px */
.map-pin {
  font-size: 40px;
  line-height: 40px;
}
@media (max-width: 768px) {
  .search-bar input { width: 120px; }
  #map { height: calc(100vh - 160px); }
}