body{
    margin: 0px;
    font-family:arial;
    background-color:rgb(43, 42, 42);
}
/* Link im Normalzustand */
a {
    color: black;
    text-decoration: none;
}

/* Link, wenn er besucht wurde */
a:visited {
    color: rgb(210, 210, 210); /* Farbe des Links, wenn er bereits besucht wurde */
}

/* Link, wenn der Mauszeiger darüber schwebt */
a:hover {
    color: rgb(210, 210, 210); /* Farbe des Links beim Hover */
}

/* Link, wenn er gerade aktiv ist (z.B. beim Klicken) */
a:active {
    color: rgb(210, 210, 210); /* Farbe des Links, wenn er aktiv ist */
}
.grid-container {
    display: grid;
    grid-template-columns: 2vw 8vw 8vw 8vw 8vw 8vw 8vw  8vw 8vw 8vw 8vw 8vw 8vw 2vw ;
    grid-template-rows:8vw 8vw 8vw 8vw 8vw 8vw 8vw ;
}

.grid-item1 {
    background-color: rgba(48, 251, 3, 0);
    color:rgb(0, 0, 0);
    margin:2vw;
    padding:2vw;
    font-size:  1vw;
    grid-column: 1/ span 1;
    grid-row: 1/ span 1;
}

.text_oben {
    background-color: rgb(0, 0, 0,0.600);
    color:rgb(210, 210, 210);
    margin-top: 1vw;
    font-size:  2vw;
    grid-column: 3/ span 10;
    grid-row: 1/ span 1;
}

.text_unten {
    background-color: rgba(0, 0, 0, 0.600);
    color:rgb(210, 210, 210);
    font-size:  2vw;
    grid-column: 3/ span 10;
    grid-row: 7/ span 1;
}
.verloren {
    background-color: rgba(244, 2, 2, 0);
    color:rgb(210, 210, 210);
    margin-top:0.5vw;
    font-size:  10vw;
    padding-top:6vw;
    padding-left: 20vw;
    border-radius: 1vw;
    grid-column: 3/ span 10;
    grid-row: 2/ span 2;
}
.zurück {
    background-color: rgba(244, 2, 2, 0);
    color:rgb(210, 210, 210);
    margin-top:0.5vw;
    font-size:  3vw;
    padding-top:2vw;
    padding-left: 7vw;
    border-radius: 1vw;
    grid-column: 5/ span 6;
    grid-row: 4/ span 1;
}