*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html{
  display: flex;
  justify-content: center;
  background-color: darkslategray;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  
}
body{
  align-content: center;
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
  width: 75%;
  height: 100vh;
  background-color: gray;
  color: #121212;
  padding: 30px;
  ul{
    display: block;
    height: 2rem;
    /*border: red solid medium;*/
    li{
      background-color: transparent;
      list-style: none;
      margin-bottom: .5rem;
      a{
        background-color: darkgray;
        color: black;
        padding: 3px 20px;
        border-radius: 5px; 
        text-decoration: none;
        margin-left: 0;
        font-size: 1.3rem;
      }
    }
  }
}
p{
  margin-top: 30px;
  margin-bottom: 20px;
}

form{
	width: 60%;
	margin-left: auto;
	margin-right: auto;

  padding: 1rem;
  background-color: beige;
  color: #121212;
}
.formular p{
	margin-top:1rem;
	padding-left:1rem;
	font-size:1rem;
	}
.contactSubjectTd{
	display: block;
	width: 200px;
}

.contactInputTd{
	width:100%;
	background-color: #d5d5d5;
	border-radius:5px;
  padding: .5rem;
	color: black;
}

input[type=submit]{
	width:100%;
	padding: 10px;
	margin-top:1rem;
	margin-bottom: 1rem;
	border-radius:5px;
	background-color: green;
  font-size: 1.2rem;
  border: none;
}

input[type=text]{
	width:100%;
	background-color: var(--dunkelesgrau);
	color: withe;
	border: none;
}

input[type=tel]{
	width:100%;
	background-color: var(--dunkelesgrau);
	color: withe;
	border: none;
}

input[type=email]{
	width:100%;
	background-color: var(--dunkelesgrau);
	color: withe;
	border: none;
}

input[type=date]{
	width:100%;
	background-color: var(--dunkelesgrau);
	color: withe;
	border: none;
}

select {
  	appearance: none;
  	width: 100%;
  	font-size: 1rem;
  	padding: .5em;
	background-color: var(--dunkelgrau);
  	/*border: 1px solid #caced1;*/
  	/*border-radius: 0.25rem;*/
  	color: black;
  	cursor: pointer;
}

input[type="radio"] {
   	appearance: none;
	background-color: var(--dunkelesgrau);
 	margin: 0;
  	font: inherit;
  	color: black;
  	width: 1.15em;
  	height: 1.15em;
  	border: 0.15em solid currentColor;
  	border-radius: 50%;
}

input[type="radio"] {
  /* ...existing styles */
  /*display: grid;*/
  /*place-content: center;*/
}

input[type="radio"]::before {
  	content: "";
  	width: 0.65em;
  	height: 0.65em;
  	border-radius: 50%;
  	transform: scale(0);
  	transition: 120ms transform ease-in-out;
  /*box-shadow: inset 1em 1em var(--form-control-color);*/
	box-shadow: inset 1em 1em var(--dunkelgrau);	
}

input[type="radio"]:checked::before {
  transform: scale(1);
}

checkbox{
	color: 000;
	background-color: var(--dunkelesgrau);
	border: none;
}

.contactTextarea{
	display:block;
	background-color: var(--dunkelesgrau);
	height:5rem;
	width:100%;
	color:withe;
	padding-left:.8rem;
	/*border: none;*/

}