body{
 margin-left:15px;
}

.grid-container-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 0px; /* Abstand zwischen Zellen */
  width: 400px;
  margin-bottom: 20px;
}

.grid-container-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Zwei Spalten */
  gap: 0px; /* Abstand zwischen Zellen */
  width: 400px;
  margin-bottom: 20px;
}


.grid-container-4a {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 0px; /* Abstand zwischen Zellen */
  width: 500px;
  margin-bottom: 20px;
  grid-template-columns: 38% 22% 18% 22%;
}




.grid-container-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr); 
  gap: 0px; /* Abstand zwischen Zellen */
  width: 400px;
  margin-bottom: 20px;
}


.grid-item {
  padding: 10px;
  border: 1px solid #ccc;
  border-style: none;
  font-size: 15px;

  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgb(236, 244, 246) 0%, rgb(255, 255, 255) 100%);
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto; 

}

.header {
  font-weight: bold;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgb(152, 189, 202) 0%, rgb(224, 236, 240) 100%);
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
}

.last-in-row{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.bold{
	font-weight: bold;	
}