@charset "utf-8";

.map-container {
  margin-top: 20px;
  overflow: hidden; /* keine abgerundeten Ecken */
}
iframe {
  width: 100%;
  height: 450px;
  border: 0;
  filter: grayscale(100%) contrast(90%); /* graue Karte */
}
.contact-form {
  margin-top: 40px;
}
input, textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
}
button {
  background: #000;
  color: #fff;
  border: none;
  padding: 12px 20px;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}
button:hover {
  background: #444;
}