drupal-reha/web/themes/custom/reha/scss/partials/_forms.scss

.form-item{
    display: flex;
    flex-direction: column;
}
label{
    padding-bottom: 0.5rem;
}
input{
    height: 2rem;
    width: 50%;
    @media (max-width:500px) {
        width: 90%;
    }

}
.description{
    width: 50%;
    @media (max-width:500px) {
        width: 90%;
    }
}
.form-submit{
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 400;
    font-family: "Marianne", sans-serif;
    // height: 2.5rem !important;
    // margin-bottom: 1rem;
    // font-size: 1.2rem;
    // font-weight: 300;
    width: fit-content;
    @extend %buttonwithborder;
    @media (max-width:891px) {
        font-size: 1rem;
     }
}

#user-login-form{
    padding-left: 2rem;
    .form-item{
        flex-direction: row;
        padding-bottom: 1rem;
        padding-left: 0.2;
        width: 80%;
        flex-wrap: wrap;

        
        label{
            padding-right: 0.5rem;
            flex: 1 1 auto;
        }
        .description{
            width: 100%;
            font-style: italic;
            font-size: 00.8rem;
            padding-top: 0.5rem;
        }
    }
    // .form-item-persistent-login{
    //     flex-direction: row;
    // }
}
    
#edit-persistent-login{
    height: 1.5rem;
}
#edit-field-telephone-0-phone{
    @extend %buttonwithborder;

}

h4{
    text-align: start;
    padding-left:10% ;
    font-size: 2rem;
}