/* WPForms im Stil der Seite: helle Felder, olivgrüner Knopf. Greift im Bereich "Probestunde anfragen". */
.anfrage div.wpforms-container-full {
  margin: 0;
  --wpforms-field-background-color: #fff;
  --wpforms-field-border-color: rgba(63, 90, 46, .28);
  --wpforms-field-border-radius: 2px;
  --wpforms-field-text-color: #14264F;
  --wpforms-label-color: #3F5A2E;
  --wpforms-label-sublabel-color: #4B5468;
  --wpforms-button-background-color: #3F5A2E;
  --wpforms-button-text-color: #fff;
  --wpforms-button-border-radius: 2px;
  --wpforms-page-break-color: #3F5A2E;
}
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field { padding: 0 0 18px; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-label,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
  font: 500 14px/1.3 "Jost", "Futura", system-ui, sans-serif; letter-spacing: .05em; color: #3F5A2E; margin: 0 0 6px; padding: 0;
}
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { font-weight: 400; color: #4B5468; margin-top: 4px; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-required-label { font-weight: 400; font-size: 12px; opacity: .75; color: #3F5A2E; }
.anfrage div.wpforms-container-full .wpforms-form input[type=text],
.anfrage div.wpforms-container-full .wpforms-form input[type=email],
.anfrage div.wpforms-container-full .wpforms-form input[type=tel],
.anfrage div.wpforms-container-full .wpforms-form input[type=number],
.anfrage div.wpforms-container-full .wpforms-form select,
.anfrage div.wpforms-container-full .wpforms-form textarea {
  width: 100%; max-width: 100%; height: auto; box-sizing: border-box;
  font: 400 17px/1.4 "Newsreader", "Iowan Old Style", Georgia, serif; color: #14264F;
  background: #fff; border: 1px solid rgba(63, 90, 46, .28); border-radius: 2px; padding: 13px 14px; box-shadow: none;
}
.anfrage div.wpforms-container-full .wpforms-form textarea { min-height: 120px; }
.anfrage div.wpforms-container-full .wpforms-form input:focus,
.anfrage div.wpforms-container-full .wpforms-form textarea:focus,
.anfrage div.wpforms-container-full .wpforms-form select:focus { border-color: #3F5A2E; outline: 2px solid #3F5A2E; outline-offset: 1px; box-shadow: none; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; width: 100%; max-width: 100%; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row::before,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row::after { display: none; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small { max-width: 100%; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row .wpforms-field-row-block { padding: 0; width: auto; margin: 0 0 10px; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-one-half { width: calc(50% - 10px); }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-one-half.wpforms-first { margin-right: 20px; clear: left; }

/* Mehrfachauswahl und Haken */
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-radio ul { margin: 0; padding: 0; list-style: none; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-radio ul li { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px; padding: 0; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li label,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-radio ul li label {
  font: 400 17px/1.4 "Jost", "Futura", system-ui, sans-serif; letter-spacing: 0; color: #1E2638; margin: 0; padding: 0;
}
.anfrage div.wpforms-container-full .wpforms-form input[type=checkbox],
.anfrage div.wpforms-container-full .wpforms-form input[type=radio] { width: 20px; height: 20px; margin: 3px 0 0; flex: none; accent-color: #3F5A2E; }
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-description,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-field-description a { font: 400 15px/1.4 "Jost", system-ui, sans-serif; color: #4B5468; }
.anfrage div.wpforms-container-full .wpforms-form a { color: #3F5A2E; }

/* Knopf */
.anfrage div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 10px 0 0; margin: 0; }
.anfrage div.wpforms-container-full .wpforms-form button[type=submit],
.anfrage div.wpforms-container-full .wpforms-form .wpforms-submit {
  display: inline-flex; align-items: center; font: 500 15px/1 "Jost", "Futura", system-ui, sans-serif; letter-spacing: .06em;
  background: #3F5A2E; color: #fff; border: 0; border-radius: 2px; padding: 17px 26px; height: auto; cursor: pointer; box-shadow: none; transition: background-color .2s ease;
}
.anfrage div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-submit:hover { background: #2F4423; color: #fff; }

/* Meldungen */
.anfrage div.wpforms-container-full .wpforms-form label.wpforms-error,
.anfrage div.wpforms-container-full .wpforms-form .wpforms-error { font: 500 14px/1.4 "Jost", system-ui, sans-serif; color: #A23B3B; }
.anfrage div.wpforms-container-full .wpforms-form input.wpforms-error,
.anfrage div.wpforms-container-full .wpforms-form textarea.wpforms-error { border-color: #A23B3B; }
.anfrage div.wpforms-container-full .wpforms-confirmation-container-full,
.anfrage div.wpforms-container-full .wpforms-confirmation-container {
  margin: 0; padding: 18px 20px; background: #CFE2C4; color: #14264F; border: 0; border-radius: 2px; font: 400 17px/1.5 "Jost", system-ui, sans-serif;
}
@media (max-width: 600px) {
  .anfrage div.wpforms-container-full .wpforms-form .wpforms-one-half { width: 100%; margin-right: 0; }
  .anfrage div.wpforms-container-full .wpforms-form .wpforms-field-row { grid-template-columns: 1fr; }
}

/* Felder immer hell, egal wo das Formular steht und welches WPForms-Styling eingestellt ist (Wunsch Mark 06.11.2026) */
body .wpforms-container .wpforms-form input[type=text],
body .wpforms-container .wpforms-form input[type=email],
body .wpforms-container .wpforms-form input[type=tel],
body .wpforms-container .wpforms-form input[type=url],
body .wpforms-container .wpforms-form input[type=number],
body .wpforms-container .wpforms-form input[type=date],
body .wpforms-container .wpforms-form select,
body .wpforms-container .wpforms-form textarea {
  background-color: #fff !important; color: #14264F !important;
  border: 1px solid rgba(63, 90, 46, .28) !important; border-radius: 2px !important; box-shadow: none !important;
}
body .wpforms-container .wpforms-form input::placeholder,
body .wpforms-container .wpforms-form textarea::placeholder { color: #4B5468 !important; opacity: .8; }
body .wpforms-container .wpforms-form input:focus,
body .wpforms-container .wpforms-form select:focus,
body .wpforms-container .wpforms-form textarea:focus { border-color: #3F5A2E !important; outline: 2px solid rgba(63, 90, 46, .25); outline-offset: 0; }
body .wpforms-container .wpforms-field-label,
body .wpforms-container .wpforms-field-sublabel,
body .wpforms-container .wpforms-field-label-inline { color: #3F5A2E; }