/* ==========================================================================
   Das Kontaktformular (tools/kontakt.py, kontakt.php, assets/js/kontakt.js)

   Die Rueckmeldung braucht kein Skript: kontakt.php leitet ohne JavaScript
   auf diese Seite mit dem Anker #kontakt-ok (usw.) zurueck, und `:target`
   zeigt genau diesen Kasten. kontakt.js setzt dieselbe Klasse `ist-an`.
   ========================================================================== */

.kontakt-status { display: none; scroll-margin-top: 6rem; }
.kontakt-status:focus { outline: none; }
.kontakt-status:target,
.kontakt-status.ist-an { display: block; }
/* Mit Skript entscheidet allein die Klasse: Der Anker bliebe sonst nach
   einer zweiten Antwort neben ihr stehen. */
html[data-kontakt-js] .kontakt-status:not(.ist-an) { display: none; }

.kontakt-form { margin-top: 1.5rem; }
.kontakt-form label { display: block; font-weight: 600; margin-bottom: .25rem; }
.kontakt-form input[type="text"],
.kontakt-form input[type="email"],
.kontakt-form textarea {
  display: block;
  width: 100%;
  max-width: 36rem;
  font: inherit;
}
.kontakt-form textarea { min-height: 10rem; resize: vertical; }
.kontakt-hinweis { display: block; font-size: .85rem; color: var(--ink-3); margin-top: .25rem; }
.kontakt-einwilligung { display: flex; gap: .5rem; align-items: flex-start; }
.kontakt-einwilligung input { margin-top: .3rem; flex: 0 0 auto; width: 1.1rem; height: 1.1rem; }
.kontakt-einwilligung label { font-weight: 400; margin: 0; }
.kontakt-form button[disabled] { opacity: .6; cursor: progress; }

/* Der Honigtopf: aus dem Bild, nicht `display:none` — ein Automat erkennt
   das eine, ein Mensch sieht das Feld hier nie. */
.kontakt-falle {
  position: absolute; left: -10000px; top: auto; width: 1px; height: 1px;
  overflow: hidden;
}