.anschlag {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /*Anzahl der divs in einer zeile*/   /* 3 Spalten: Bild – Button – Text */
  gap: 5px;      /* vertikaler abstand zwischen den boxen*/
  margin: 0 auto;
  max-width: 500px;     /* kannst du anpassen */
}

.Uebung1{
  display: grid;
  grid-template-columns: repeat(3, 1fr/*150px*/); 
gap: 5px;
margin: 0 auto;
  }

.Uebung2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);  /* Anzahl und breite der spalten: */
  gap:5px;      /* vertikaler abstand zwischen den boxen*/
                 /* Gesamtbreite begrenzen */
  max-width: 300px;     /* kannst du anpassen */
  margin: 0 auto;
}

.Uebung3a {
  display: grid;
  grid-template-columns: repeat(3, 1fr);   /* Anzahl und breite der spalten: */
  gap:5px;      /* vertikaler abstand zwischen den boxen*/
  margin: 0 auto;

  /* Gesamtbreite begrenzen */
  max-width: 400px;     /* kannst du anpassen */
  margin: 0 auto;
}

.Uebung3b {
  display: grid;
  grid-template-columns: repeat(4, 1fr);   /* Anzahl und breite der spalten: */
  gap:5px;      /* vertikaler abstand zwischen den boxen*/
  margin: 0 auto;
 }

.UebungFuerF-Dur {
  display: grid;
  grid-template-columns: repeat(4,  1fr);   /* Anzahl und breite der spalten: */
  gap:5px;      /* vertikaler abstand zwischen den boxen*/
  margin: 0 auto;
  max-width: 800px;     /* kannst du anpassen */
  max-height: 600px;     
}
  

.UebungFuerF-Dur > div {
  display: grid;
  place-items: center;      /* vertikal zentrieren */
  padding: 10px;
 border:1px solid brown;
}

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