.arpBox{
  display:grid;
  grid-template-columns: repeat(2, 1fr);                                        /*200px 230px;*/ /* 2 Spalten, feste Breite */ 
  gap: 20px; /* Abstand zwischen den Boxen */
  padding: 20px;
 }
.box{
  display:grid;
  place-items:center;
  border:1px solid brown;
  color:brown;
  font-size: 18px;
}

.arpBox1{
  display:grid;
  grid-template-columns: repeat(3 ,1fr); 
  gap: 5px;
}
.box1-1, .box2-1, .box3-1{
  border:1px solid brown;
}
.box4-1{
 display:grid;
 grid-column:1/span3;
 grid-row:2;
 place-items:center;
 border:1px solid brown;
}

.arpBox2{
  display:grid;
  grid-template-columns: repeat(3, 1fr); /* 2 Spalten, feste Breite */ 
  gap: 5px; /* Abstand zwischen den Boxen */
}
.box1-2, .box2-2, .box3-2 .box4-2{
  border:1px solid brown;
}


.arpBox3{
  display:grid;
  grid-template-columns: repeat(3 ,1fr); 
  gap: 5px;
}
.box1-3, .box2-3, .box3-3{
  border:1px solid brown;
}
.box4-3{
 display:grid;
 grid-column:1/span3;
 grid-row:2;
 place-items:center;
 border:1px solid brown;
}









.arpBox4{
  display:grid;
  grid-template-columns: repeat(2, 1fr); /* 2 Spalten, feste Breite */
  gap: 20px; /* Abstand zwischen den Boxen */
  padding: 20px;
}

.box4{
  display:grid;
  place-items:center;
  border:1px solid brown;
}