article
{
    margin-top: 200px;
        
}

.contentbox{
  margin: auto;
  width: 60%;
}

.contentbox h1 {
  width: 100%;
  color: var(--darkred);
  font-size: 2em;
  text-align: center;
  padding: 1em 0;
}

#kontaktform {
  width: 100%;
  padding: 4em 0;
}

#kontaktform table {
  width: 100%;
}

#kontaktform table th {
  width: 27%;
  padding: .25rem;
  font-weight: 400;
  text-align: center;
}

#kontaktform table td {
  width: 73%;
  padding: .25rem 2rem .25rem 0;
}

#kontaktform table td input {
  width: 100%;
  height: 1.8em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-bottom: 2px solid var(--darkred);

}

#kontaktform table td textarea {
  width: 100%;
  min-height: 200px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-bottom: 2px solid var(--darkred);
}

#kontaktform table td input:focus, #kontaktform table td textarea:focus {
  outline: none;
}

.button5 {
  padding: .75rem 1.5rem;
  margin: .75rem;
  background-color: var(--darkgray);
  color: white;
  border: 2px solid transparent;
  border-radius: 23px;
  font-weight: bold;
  font-size: 1.05em;
  font-variant: small-caps;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.button5:hover {
  background-color: var(--lightgray);
  color: var(--darkgray);
  border: 2px solid var(--darkgray);
  position: relative;
  bottom: -1px;
}

.button5:focus {
  outline: none;
}