/* Gemeinsames Styling fuer kontakt.php und rueckruf.php (vorher in beiden Dateien
   identisch dupliziert). */
td {
  vertical-align: top;
}

.style {
  text-align: left;
  font-family: Arial;
  font-size: 12pt;
  color: #1B2E44;
}

.style12 {
  text-align: left;
  font-family: Arial;
  font-size: 14pt;
  color: #1B2E44;
}

/* Honeypot-Feld: fuer Menschen unsichtbar, aber im HTML vorhanden - siehe
   inc-formular-schutz.php / formular_ist_honeypot_ausgefuellt(). */
.hp-feld {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* Mehr Luft und groessere Eingabefelder - vorher sassen die Zeilen ohne
   Abstand direkt uebereinander und die Felder hatten keinerlei Padding. */
form .row {
  margin-bottom: 14px;
}

form .row__col--fixed {
  min-width: 160px;
  padding-top: 8px;
}

form input[type="text"],
form textarea {
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;
  padding: 8px 10px;
  font-family: Arial;
  font-size: 12pt;
  color: #1B2E44;
  border: 1px solid #99A7B8;
  border-radius: 4px;
}

form textarea {
  max-width: 500px;
  resize: vertical;
}

form input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

form input[type="submit"] {
  padding: 10px 26px;
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  color: #1B2E44;
  background-color: #E8821E;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

form input[type="submit"]:hover,
form input[type="submit"]:focus-visible {
  background-color: #C96B0F;
}