h2 {
  color: #ffad00; /*Bestimmt Farbe*/
  text-transform: uppercase; /*Grosse Schrift*/
  margin-bottom: 1em;/*Abstand*/
  font-size: 2em;/*Bestimmt Schriftgrösse*/

}

.einleitung {
  margin-bottom: 3em;/*Abstand*/
  color: #999999;/*Bestimmt Farbe*/
  width: 100%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
 
  
}

body {
  color: black;/*Bestimmt Farbe*/
  font-family: acumin-pro, sans-serif;/*Bestimmt Schriftart*/
  
  display: flex; /*Bestimt Grid als Display */
  
  align-items: center;/*Setzt text in die mitte*/
  justify-content: center;/*Setzt alles auf Zentriert*/
  
}

.abschnitt {
  border-top: 1px solid #ffad00;/*Bestimmt Farbe und Rand*/
  color: #ffad00;/*Bestimmt Farbe*/
  font-size: 1.25em;/*Bestimmt Schriftgrösse*/
  text-transform: uppercase;
  width: 100%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
}


.rand {
  border: 0.3em solid #999999;/*Bestimmt Farbe*/
  width: 50%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
  padding: 1.25em;/*Abstand*/
  

}


.raster {
  width: 100%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
  display: grid;/*Bestimt Grid als Display */
  grid-gap: 0.5em;/*Abstand zwischen Grid*/
  gap: 0.5em; /*Abstand zwischen Grid*/
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));/*Bestimmt grösse und Platzierung der Grids*/
}

.raster .box {
  width: 100%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
  position: relative;/*Bestimmt nicht definiertes für die Poisition*/
  padding: 2%;/*Abstand*/
}

.raster .box input[type="checkbox"]{
 
  width: auto;/*Bestimmt wie viel Platzt gebraucht werden darf*/
  }.raster .box input[type="radio"]{
 
    width: auto;/*Bestimmt wie viel Platzt gebraucht werden darf*/
    }
.raster .box input{
 
  font-size: 1em;/*Bestimmt Schriftgrösse*/
  border: 1px solid #999999;/*Bestimmt Farbe*/
  padding: 0.5em;/*Abstand*/
  width: 100%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
}

.raster .box input:focus {
  padding: 0.7em;/*Abstand*/
  
  color: white;/*Bestimmt die Farbe*/
  background: #999999;/*Bestimmt Farbe*/
  
}

.raster .box textarea {
 
  width: 100%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
  background-color: #c5c2c2;/*Bestimmt Farbe*/
  border: none;/*Entfernt den Automatischen Rand*/
  outline: none;/*Entfernt den Automatischen Rand*/
  
  padding: 0.2em;/*Abstand*/
  font-size: 1.25em;/*Bestimmt Schriftgrösse*/
}

.raster .box textarea:focus {
  background: #999999;/*Bestimmt Farbe*/
  color: white;/*Bestimmt Farbe*/
  padding: 0.4em;/*Abstand*/
}


input[type="submit"] {
  background-color: rgb(17, 187, 136);/*Bestimmt Farbe*/
  padding: 0.5em 0.5em;/*Abstand*/
  width: 100%;/*Bestimmt wie viel Platzt gebraucht werden darf*/
  border: none;/*Entfernt den Automatischen Rand*/
  font-size: 1.25em;/*Bestimmt Schriftgrösse*/
  outline: none; /*Entfernt den automatischen Rand*/
  
  border-radius: 0.3em; /*Besatimmt abstand zum Rand*/
  color: white;/*Bestimmt Farbe*/
  text-transform: uppercase;}/*Macht alle Buchstaben gross*/

  .raster .box input [type="radio"]{
    width: auto; /*Bestimmt wie viel Platzt gebraucht werden darf*/
    font-size: 1.25em;/*Bestimmt Schriftgrösse*/
    
    border: 1px solid #999999;/*Bestimmt Farbe und Rand*/
    padding: 0.2em;/*Abstand*/
  }
  h3{
    margin-bottom: 0.3em;/*Abstand*/
    margin-top: 0.3em;/*Abstand*/
    
  }