#contactform {color:#222; font-size:13px;font-family: sans-serif; font-weight: 100;color: #4f4f4f;
& .cfs {align-items: start;}
& input {font-size: 16px; padding: 8px 9px; border: 1px solid rgba(0,0,0,.3); border-radius: 5px;height: 38px;}
& label {line-height: 16px; padding:0 20px;}
& .form-group {display: flex;flex-wrap: wrap; margin-bottom: 10px; align-items: center;}
& .form-group input {flex: 1 1 auto;}
& .form-group label {width: 140px; padding: 0 10px; text-align: left;}
& .item {flex:1 1 400px; text-align: right; padding:0 20px;}
& .form-group2 {font-family: sans-serif; font-weight: 400;}
& textarea {width: 100%; height: 150px; padding: 5px; font-size: 16px; line-height: 22px; border: 1px solid rgba(0,0,0,.3); border-radius: 5px;font-family: sans-serif;}
& button {width: 170px; border: 0; padding: 11px 0; background: #518ca1; color: #fff; letter-spacing: .5px; font-size: 16px; cursor: pointer; transition: all .3s ease; border-radius: 50px; box-shadow: 0px 3px 14px #b5c4ca;}
& button:hover {scale:1.2; transition: all .3s ease;}
& .form-group3 {display: flex;margin: 7px 0 22px; justify-content: space-between; align-items: center;flex-wrap: wrap; }
& .form-group3 input {height: 38px;}
& .form-group3 label {flex:1; padding:0 10px 0 0;}
}




#danke {background: linear-gradient(300deg,#6b4382,#4a8d9e,#32485d);
        background-size: 180% 180%;
        animation: gradient-animation 10s ease infinite;
& .cfs {height: 100vh; align-items: center;}
& .item {text-align: center;}
& p {color: #fff; font-size:20px;}
& .button {display: inline-block; margin:30px 0 0; background: #fff; color:#4a8d9e; padding:7px 40px; font-weight: 400; transition: all .3s ease; border-radius: 40px;}
& .button:hover {scale:1.2; box-shadow: 0px 8px 16px rgba(0,0,0,.2); transition: all .3s ease;}
}


@media screen and (max-width:600px) {
    #contactform {
    & .form-group label {width: 100%;}
    & .form-group label {padding:0; margin:10px 0 5px; }
    & .cfs {width: 100%;}
    & .form-group3 label {width: 100%; text-align: right; flex:1 1 200px;}
    & .form-group3 input {margin:13px auto; flex:1 1 200px;}
    & textarea {margin-top:20px;}
    & .item {text-align: center;}
    }
}
@media screen and (max-width:444px) {
    #contactform {
    & .form-group3 label {text-align: center;}
     }
}