/* Reservierungsformular – Look der Design-Vorlage (Metform 4410) */

.mf-form-wrapper{max-width:100%}

/* großzügige Abstände wie in der Vorlage */
.mf-reservation-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:50px 34px;margin-bottom:50px;
}
@media(max-width:600px){.mf-reservation-grid{grid-template-columns:1fr;gap:30px}}

.mf-form-wrapper .mf-input-wrapper{margin:0}

/* Eingabefelder – hoch & großzügig wie in der Vorlage */
.mf-form-wrapper .mf-input{
    width:100%;
    padding:24px 25px;
    border:1px solid #E5CFBD;
    border-radius:0;
    background-color:rgba(4,7,12,.48);
    color:#efb554;
    font-family:inherit;
    font-size:15px;
    line-height:1.3;
    color-scheme:dark;
    transition:border-color .2s;
}
.mf-form-wrapper .mf-input::placeholder{color:#d8c6a6;opacity:.85}
.mf-form-wrapper .mf-input:hover{border-color:#875232}
.mf-form-wrapper .mf-input:focus{outline:0;border-color:#eda900}
.mf-form-wrapper textarea.mf-input{min-height:150px;resize:vertical}

/* Absende-Button – braune Pille wie in der Vorlage */
.mf-form-wrapper .metform-submit-btn{
    background:#875232 !important;color:#f3e7d6 !important;border:0 !important;cursor:pointer;
    padding:16px 46px !important;border-radius:100px !important;width:auto !important;
    font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;transition:.3s;
}
.mf-form-wrapper .metform-submit-btn:hover{background:#9c6440 !important}
.mf-btn--center{text-align:center;margin-top:34px}

/* Hinweise / Fehlermeldungen */
.mf-reservation-alert{
    padding:13px 18px;margin-bottom:24px;font-size:15px;line-height:1.5;border-radius:0;
}
.mf-reservation-ok{background:#1e4620;color:#d4edda;border:1px solid #2e7d32}
.mf-reservation-err{background:#4a1f1f;color:#f5c6cb;border:1px solid #a94442}
.mf-reservation-err ul{margin:0;padding-left:18px}