Outline Color for Error in Contact field

Hey There,

I have some Css for the contact field and I would like to change the Color of the outline when an error happens._
Now it’s orange but i would like to get a nice red, like the burger Icon.

a small thing that would also be great to change:
The lines are not straight at the ends. It looks like there are still some rounded edges working..

thank you!

Here’s my CSS:
`/*kontaktformular nur Linien*/

#top div .av-dark-form .input-text, #top div .av-dark-form input[type=text], #top div .av-dark-form input[type=input], #top div .av-dark-form input[type=password], #top div .av-dark-form input[type=email], #top div .av-dark-form input[type=number], #top div .av-dark-form input[type=url], #top div .av-dark-form input[type=tel], #top div .av-dark-form input[type=search], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
border-style: none;
border-bottom: solid;
border-color: black;
}

#top div .av-dark-form .input-text, #top div .av-dark-form input[type=”text”], #top div .av-dark-form input[type=”input”], #top div .av-dark-form input[type=”password”], #top div .av-dark-form input[type=”email”], #top div .av-dark-form input[type=”number”], #top div .av-dark-form input[type=”url”], #top div .av-dark-form input[type=”tel”], #top div .av-dark-form input[type=”search”], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
border-width: 3px !important;
}

/*kontaktformular ohne Schatten beim Eingeben*/
#top input[type=”text”]:focus, #top input[type=”password”]:focus, #top input[type=”email”]:focus, #top input[type=”number”]:focus, #top input[type=”url”]:focus, #top input[type=”tel”]:focus, #top input[type=”search”]:focus, #top textarea:focus {
box-shadow: none;
}

/*kontaktformular Button*/
.avia_ajax_form .button {
padding-bottom: 18px!important;
border-radius: 0px !important;
border: 4px solid black!important;
text-transform: uppercase;
font-size: 0.9em!important;
font-family: miller-text, serif;
font-style: italic!important;
font-weight: 400;
font-style: italic;
font-size:2em;
text-decoration: underline;
text-underline-position: under;
}

.avia_ajax_form .button:hover {
margin-left: 5px;
padding-bottom: 18px;
color: white !important;
background-color: black!important;
opacity: 1!important;
letter-spacing: 0.05em;
}