body {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 1rem;
  background-color: white;
}

fieldset {
  width: fit-content;
  margin: auto;
  padding: 10px;
  border: solid 0px dimgray;
  border-radius: .375rem;
}

fieldset>legend {
  color: royalblue;
  font-size: 1.1rem;
}

input,
button,
textarea {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 1rem;
  border: 1px solid dimgray;
  border-radius: .375rem;
  padding: 5px;
}

button {
  background-color: #E9811E;
  color: white;
  padding: 5px 15px 5px 15px;
  cursor: pointer;
}

input[name="name"],
input[type="email"] {
  width: 300px;
}

input[name="betreff"] {
  width: 380px;
}

textarea {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 1rem;
  width: 380px;
  min-width: 380px;
  height: 260px;
  min-height: 260px;
  padding: 5px;
}

:focus-visible {
  outline: solid 1px royalblue;
}

span.hilfetext {
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 0.85rem;
  font-style: oblique;
  color: #00a400;
  cursor: default;
  display: block;
  margin-top: 3px;
}