/* Hotel Campo 3.11 – mobile Tagungsanfrage (DE + EN).
   Nur Darstellung der Eingaben. Keine Änderungen an Formular-/Turnstile-/SMTP-Logik
   und keine Änderung für Desktops oder andere Seiten. */
@media screen and (max-width: 775px) {
  html body.campo-grav .campo-enquiry-form form {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Gleiche Beschriftung und Abstände wie beim korrigierten Kontaktformular. */
  html body.campo-grav .campo-enquiry-form form .form-field {
    margin: 0 0 16px !important;
  }
  html body.campo-grav .campo-enquiry-form form .form-label,
  html body.campo-grav .campo-enquiry-form form .form-field > label {
    display: block !important;
    margin: 0 0 7px !important;
    color: #222 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
  }

  /* Grav-Felder explizit sichtbar machen – bislang ohne Rahmen auf Weiß. */
  html body.campo-grav .campo-enquiry-form form input[type="text"],
  html body.campo-grav .campo-enquiry-form form input[type="email"],
  html body.campo-grav .campo-enquiry-form form input[type="tel"],
  html body.campo-grav .campo-enquiry-form form input[type="date"],
  html body.campo-grav .campo-enquiry-form form input[type="datetime-local"],
  html body.campo-grav .campo-enquiry-form form input[type="number"],
  html body.campo-grav .campo-enquiry-form form input[type="url"],
  html body.campo-grav .campo-enquiry-form form select,
  html body.campo-grav .campo-enquiry-form form textarea {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    border: 1px solid #c7c7c7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    color: #222 !important;
    -webkit-text-fill-color: #222 !important;
    font: 400 16px/1.4 'Open Sans', sans-serif !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.campo-grav .campo-enquiry-form form textarea {
    min-height: 145px !important;
    resize: vertical !important;
  }

  /* Native Datumsauswahl und Radio-/Checkbox-Bedienung unangetastet lassen. */
  html body.campo-grav .campo-enquiry-form form input[type="checkbox"],
  html body.campo-grav .campo-enquiry-form form input[type="radio"] {
    visibility: visible !important;
    opacity: 1 !important;
  }
  html body.campo-grav .campo-enquiry-form form .form-field-radio,
  html body.campo-grav .campo-enquiry-form form .form-field-checkbox,
  html body.campo-grav .campo-enquiry-form form .form-field-radio label,
  html body.campo-grav .campo-enquiry-form form .form-field-checkbox label {
    color: #222 !important;
  }

  html body.campo-grav .campo-enquiry-form form input:focus-visible,
  html body.campo-grav .campo-enquiry-form form textarea:focus-visible,
  html body.campo-grav .campo-enquiry-form form select:focus-visible {
    outline: 2px solid #99cc00 !important;
    outline-offset: 1px !important;
  }
}