/* Kontaktseite. Ergaenzt das Inline-CSS der Seite um drei Dinge:
   1. das echte Formular (FluentForm) im Stil des Spielwiesen-Formulars samt
      Absende-Button im CI,
   2. die einheitliche Icon-Groesse im Block "Direkt erreichbar",
   3. die Akzentvariablen (--k-*), einheitlich Gold.
   Wird nur auf der Kontaktseite geladen (inc/themen.php). */

/* Akzentfarben, einheitlich Gold. */
body{--k-acc:var(--gold);--k-acc-hover:var(--gold-deep);--k-on:#1a1400;--k-line:var(--gold-deep);--k-light:var(--gold)}

/* --- Icons "Direkt erreichbar": alle gleich gross (dem Telefon-SVG fehlten die Masse) --- */
.kd-ic svg{width:22px;height:22px}

/* --- Sprungziel: Luft unter der klebenden Kopfzeile (112px, scroll-padding der Seite ist 88px) --- */
#kontaktformular{scroll-margin-top:40px}

/* --- Formular im Stil des Spielwiesen-Entwurfs --- */
#kontaktformular .fluentform .ff-el-group{margin-bottom:14px}
#kontaktformular .fluentform .ff-t-container{gap:14px}
#kontaktformular .fluentform .ff-el-form-control{
  width:100%;padding:.72em .9em;font:inherit;font-size:1rem;line-height:1.4;
  border:1.5px solid var(--line);border-radius:var(--r-sm);
  background:var(--paper);color:var(--ink);-webkit-text-fill-color:currentColor;box-shadow:none;
}
#kontaktformular .fluentform .ff-el-form-control::placeholder{color:var(--ink-soft);opacity:1}
#kontaktformular .fluentform .ff-el-form-control:focus{
  outline:2px solid var(--k-line);outline-offset:1px;border-color:var(--k-line);box-shadow:none;
}
#kontaktformular .fluentform .ff-el-form-check label,
#kontaktformular .fluentform .ff_t_c{font-size:.86rem;color:var(--ink-soft);line-height:1.5}
#kontaktformular .fluentform .ff-el-form-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--k-acc)}
#kontaktformular .fluentform .ff-el-form-check a{color:var(--k-line)}
#kontaktformular .fluentform .text-danger,
#kontaktformular .fluentform .error{font-size:.84rem;color:#b0402f}

/* Absende-Button wie .btn .btn-gold, volle Breite wie im Entwurf */
#kontaktformular .fluentform .ff_submit_btn_wrapper{margin-top:18px}
#kontaktformular .fluentform .ff-btn-submit{
  display:inline-flex;align-items:center;justify-content:center;width:100%;
  font-family:var(--disp);font-weight:800;font-size:.97rem;line-height:1.2;
  padding:.9em 1.45em;border:2px solid transparent;border-radius:var(--pill);
  background:var(--k-acc);color:var(--k-on);-webkit-text-fill-color:currentColor;
  cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px -3px rgba(0,0,0,.28);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
#kontaktformular .fluentform .ff-btn-submit:hover{
  transform:translateY(-1px);background:var(--k-acc-hover);box-shadow:0 6px 16px -8px rgba(0,0,0,.4);
}
#kontaktformular .fluentform .ff-btn-submit:focus-visible{outline:3px solid var(--k-line);outline-offset:2px}