.component.contact {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    @media (width < 768px) {
      flex-direction: column;
    }
    .contactformular {
        width: calc(50% - 20px);
        @media (width < 768px) {
            width: 100%;
        }
        form {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;

            .form-group {
                width: 100%;
                padding: 0px;

                input,
                textarea {
                    border: 1px solid var(--clr-border-light);
                    border-radius: 0px;

                }

                &.vorname {
                    flex: 1 1 45%;
                }

                &.nachname {
                    flex: 1 1 45%;
                }
            }

            input.button {
                min-width: 130px;
            }
        }
    }

    .col_person {
        width: calc(50% - 20px);
        @media (width < 768px) {
            width: 100%;
        }
    }
}