/* Allgemeines Layout für Formularelemente */
.widget {
    margin-bottom: 1rem;
}

/* ================================
   Standard-Input-Styles
   ================================ */
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="password"],
.widget textarea {
    border: 1px solid #ccc;
    padding: 0.4rem;
    font-size: 1rem;
    /* width: 100%; */
    box-sizing: border-box;
}

/* ================================
   Layout für normale Textfelder
   ================================ */
.widget.form-widget {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.widget.form-widget label {

    margin-bottom: 0;
    white-space: nowrap;
}

/* ================================
   Layout für TossnCaptcha
   ================================ */
.widget.captcha-widget {
    display: block;
}

.widget.captcha-widget img {
    display: block;
    margin-bottom: 0.5rem;
}

/* Label + Input nebeneinander */
.captcha-input-group {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.captcha-input-group label {

    margin-bottom: 0;
    white-space: nowrap;
}

/* Captcha Input */
.captcha-input-group input[type="text"] {
    border: 1px solid #ccc;
    padding: 0.4rem;
    font-size: 1rem;
    flex: 1;
}

/* Fehleranzeige */
.widget .error, .errorCaptcha {
    color: red;
    margin-top: 0.5rem;
}