html {
  background-color: #F1FAEE;
 }
 

body {
  background-color: #FFFFFF;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: medium;
  color: #1D3557;
  padding: 0.5em;  

  }

.style-2  {

}

.style-2 h1 {
  background-color: #A8DADC;
  font-weight: lighter;
  padding: 0.1em 0.2em 0.1em 0.2rem;
  margin: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #EB5C68;
}

.style-2 h2 {
  background-color: #457B9D;
  color: #FFFFFF;
  font-size: medium;
  font-weight: normal;
  padding: 0.1em 0.2em 0.1em 0.2rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #EB5C68;
}

.style-2 h3 {
  font-size: medium;
  font-weight: bolder;
  margin: 1em;
}

.style-2 p
{
  margin: 1em;
}

.style-2 form
{
  max-width: 30em;
  padding: 0.1em;
  margin: 1em;
}

.style-2 label {
  font-size: small;
}

.style-2 input,
.style-2 textarea,
.style-2 select {
  display: block;
  box-sizing: border-box; 
  width:100%;
  padding: 0.2em;
  margin-bottom: 0.4em;
}

.style-2 span
{
  display: block;
}

.style-2 #strasse {
  width: calc(100% - 3.4em);
  display: unset;
}

.style-2 #nummer {
  width: 3em;
  display: unset;
}

.style-2 #plz {
  width: 5em;
  display: unset;
}

.style-2 #ort {
  width: calc(100% - 5.4em);
  display: unset;
}