*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
}

.grid-container{
  display:grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 2fr 3fr;

  grid-template-areas: 
  "asidel title title title title asider"
  "asidel text text text text asider"
  "asidel name name name2 name2 asider"
  "asidel email email email email asider"
  "asidel mobile mobile mobile mobile asider"
  "asidel standort standort standort standort asider"
  "asidel klasse klasse klasse klasse asider"
  "asidel sonstiges sonstiges sonstiges sonstiges asider"
  ;

}

.gridbox {
  background-color: white;
  padding: 5px;

}


.aside-left{
  grid-area: asidel;
}

.aside-right{
  grid-area: asider;
}

.title {
grid-area: title;
text-align: center;
font-weight: bold;
}

.text {
  grid-area: text;
  font-family: arial, sans-serif;
  font-weight: bold;
  }

.name {
grid-area: name;
}

.name2 {
  grid-area: name2;
    }

.email {
  grid-area: email;  
  }

  .mobile {
    grid-area: mobile;
  }
  
  .standort {
    grid-area: standort;
  }

  .klasse {
    grid-area: klasse;

  }  

  .sonstiges {
grid grid-area: send;

  }