body {
  background-color: green;
  color: black;
  font-family: Times;
}

/* Kopfzeile */
.kopfzeile {
    text-align: center;
    display: flex;
    flex-wrap: nowrap;

    justify-content: space-between;
    position: relative;
    z-index: 4;
}
.kopfzeileElem {
    margin: 20px;
    font-size: auto;
}
/*Hauptteil*/
.hauptteil {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 33% auto;
    grid-template-rows: auto;
    column-gap: 25px;
    row-gap: 25px;

}

.tinybox {
    background-color: yellow;
    border: 5px solid rgb(132, 168, 132); /* width + style + color */
    padding: 20px;                          /* inner spacing */
    border-radius: 8px;                      /* rounded corners */
    width: 300px;                            /* optional width */
    margin: 20px auto;       
}

.flasch{
    color: brown;
}
.richtig{
    color: green;
}