/* kontakt-grid.css — starke, nicht-destruktive Überschreibung
   Ziel: Beide Bilder zusammen exakt so breit wie das Formular.
   Tipp: Diese Datei NACH allen anderen Stylesheets laden.
*/
.card .kontakt-bilder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}

.card .kontakt-bilder img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;  /* überschreibt evtl. frühere 250px-Regeln */
  height: auto !important;
  border: 2px solid #000;
  border-radius: 10px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
  background: #fff8b3;
}

.card form {
  width: 100% !important;      /* Falls extern irgendwo eine max-width gesetzt wurde */
}

@media (max-width: 700px) {
  .card .kontakt-bilder {
    grid-template-columns: 1fr;
  }
}