.grid-box {
    width: 100vh;
    height: 100vh;
    display: grid;
    grid-template-columns: 200px 200px 200px 200px 200px;
    grid-template-rows:150px 150px 150px 150px;
    gap: 5px;
}
/**   Erste Reihe  *****/
.box-11 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}
.box-12 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}
.box-13 {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
}
.box-14 {
    grid-row: 1 / 2;
    grid-column: 4 / 5;
}
.box-15 {
    grid-row: 1 / 2;
    grid-column: 5 / 6;
}
/**   Zweite Reihe   *****/
.box-21 {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}
.box-22 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}
.box-23 {
    grid-row: 2 / 3;
    grid-column: 3 / 4;
}
.box-24 {
    grid-row: 2 / 3;
    grid-column: 4 / 5;
}
.box-25 {
    grid-row: 2 / 3;
    grid-column: 5 / 6;
}
/**   Dritte Reihe   *****/
.box-31 {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
}
.box-32 {
    grid-row: 3 / 4;
    grid-column: 2 / 3;
}
.box-33 {
    grid-row: 3 / 4;
    grid-column: 3 / 4;
}
.box-34 {
    grid-row: 3 / 4;
    grid-column: 4 / 5;
}
.box-35 {
    grid-row: 3 / 4;
    grid-column: 5 / 6;
}
/**   Vierte Reihe   *****/
.box-41 {
    grid-row: 4 / 5;
    grid-column: 1 / 2;
}
.box-42 {
    grid-row: 4 / 5;
    grid-column: 2 / 3;
}
.box-43 {
    grid-row: 4 / 5;
    grid-column: 3 / 4;
}
.box-44 {
    grid-row: 4 / 5;
    grid-column: 4 / 5;
}
.box-45 {
    grid-row: 4 / 5;
    grid-column: 5 / 6;
}
/**   Fuenfte Reihe   *****/
.box-51 {
    grid-row: 5 / 6;
    grid-column: 1 / 2;
}
.box-52 {
    grid-row: 5 / 6;
    grid-column: 2 / 3;
}
.box-53 {
    grid-row: 5 / 6;
    grid-column: 3 / 4;
}
.box-54 {
    grid-row: 5 / 6;
    grid-column: 4 / 5;
}
.box-55 {
    grid-row: 5 / 6;
    grid-column: 5 / 6;
}
/**   Sechste Reihe   *****/
.box-61 {
    grid-row: 6 / 7;
    grid-column: 1 / 2;
}
.box-62 {
    grid-row: 6 / 7;
    grid-column: 2 / 3;
}
.box-63 {
    grid-row: 6 / 7;
    grid-column: 3 / 4;
}
.box-64 {
    grid-row: 6 / 7;
    grid-column: 4 / 5;
}
.box-65 {
    grid-row: 6 / 7;
    grid-column: 5 / 6;
}
/**   Footer Reihe   *****/
.box-91 {
    background: var(--schwarzfarbe);
    color: var(--gelbfarbe);
    grid-row: 7 / 8;
    grid-column: 1 / 5;
    font-size: 20px;
    text-align: center;
    padding-top: 5px;
}