body {
    margin: 0px;
    font-family: arial;
    background-color: rgb(43, 42, 42);
}

/* Link-Stile */
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(156, 154, 154); /* 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: rgba(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: 6 / span 1;
}

.wahl_1, .wahl_2 {
    background-color: rgba(0, 0, 0, 0.600);
    color: rgb(0, 0, 0);
    margin-top: 0.5vw;
    font-size: 2vw;
    padding: center;
    padding-left: 0.5vw;
    border-radius: 1vw;
    transition: background-color 0.1s ease;
}

.wahl_1 {
    grid-column: 3 / span 4;
    grid-row: 7 / span 1;
}

.wahl_2 {
    grid-column: 9 / span 4;
    grid-row: 7 / span 1;
}