/* ===== RSForm! Pro im Stil des alten caféau-Formulars (ProForms) =====
   Layout-unabhaengig: greift bei "Bootstrap 5" und "Responsive". */

/* Einspaltig: Beschriftung ueber dem Feld */
#userForm .rsform-block.row {display:block;margin:0 0 14px 0;}
#userForm .rsform-block > .col-sm-3,
#userForm .rsform-block > .col-sm-9,
#userForm .rsform-block .formControlLabel,
#userForm .rsform-block .formControls {display:block;float:none;flex:none;width:100%;max-width:100%;margin:0;padding:0;}
#userForm .formControlLabel {margin:0 0 4px 2px;text-align:left;font-size:14px;color:#737373;font-weight:normal;}
#userForm .formRequired {color:#c62c4b;font-weight:normal;margin-left:3px;}

/* Eingabefelder */
#userForm input[type="text"],
#userForm input[type="email"],
#userForm input[type="tel"],
#userForm textarea {box-sizing:border-box;width:100%;margin:2px 0 4px 0;border:1px solid #d2d2d2;border-radius:0;padding:8px;background:#fff;outline:none;box-shadow:none;font-size:14px;color:#5d5d5d;}
#userForm input[type="text"]:hover,
#userForm input[type="email"]:hover,
#userForm textarea:hover {border-bottom-color:#9f9f9f;}
#userForm input:focus,
#userForm textarea:focus {border-color:#9f9f9f;box-shadow:none;}
#userForm textarea {min-height:60px;resize:vertical;}
#userForm select {box-sizing:border-box;width:100%;margin:2px 0 4px 0;border:1px solid #d2d2d2;border-radius:0;padding:2px 4px;font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#737373;background-color:#fff;box-shadow:none;}

/* Buttons wie m4j_submit / m4j_reset */
#userForm button[type="submit"],
#userForm input[type="submit"],
#userForm button[type="reset"],
#userForm input[type="reset"],
#userForm .rsform-submit-button,
#userForm .rsform-reset-button {display:inline-block;margin:20px 10px 0 0;padding:8px 10px 8px 30px;width:auto;border:0;border-radius:0;background-color:#d2d2d2;background-repeat:no-repeat;background-position:10px center;text-align:left;font-size:14px;line-height:1.4;color:#5d5d5d;box-shadow:none;cursor:pointer;}
#userForm button[type="submit"],
#userForm input[type="submit"],
#userForm .rsform-submit-button {background-image:url("../../../../../images/icons/icon_mehr.png");}
#userForm button[type="reset"],
#userForm input[type="reset"],
#userForm .rsform-reset-button {background-image:url("../../../../../images/icons/icon_reset.png");}
#userForm button:hover,
#userForm input[type="submit"]:hover,
#userForm input[type="reset"]:hover {box-shadow:inset 2px 2px 4px #9f9f9f;color:#5d5d5d;background-color:#d2d2d2;}
#userForm button:active,
#userForm input[type="submit"]:active,
#userForm input[type="reset"]:active {background-color:#9f9f9f;color:#000;}
/* Senden und Reset nebeneinander */
#userForm .rsform-type-submitbutton,
#userForm .rsform-type-resetbutton {display:inline-block;width:auto;margin-right:0;}

/* Fehlermeldungen */
#userForm .formNoError {display:none;}
#userForm .formError {display:block;color:#c62c4b;font-size:13px;margin-top:2px;}
#userForm .rsform-error {border-color:#c62c4b !important;}

/* Einleitung (Adressblock) */
#userForm table.kontakt {width:100%;border-collapse:collapse;margin:0 0 20px 0;}
#userForm table.kontakt td {vertical-align:top;padding:0 10px 0 0;}
#userForm img#anfrage {max-width:100%;height:auto;}