body{
    margin: 0px;
    font-family:arial;

    background-color: black;
}
/* Link-Stile */
a {
    color: black;
    text-decoration: none;
}

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

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

/* Link, wenn er gerade aktiv ist (z.B. beim Klicken) */
a:active {
    color: rgb(0, 0, 0); /* 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 4vw 4vw 10vw ;
}
.grid-item1 {
    background-color: rgba(255, 0, 0, 0);
    color:black;
    margin:2vw;
    padding:2vw;
    padding-left: 7vw;
    font-size:  4vw;
    grid-column: 3/ span 9;
    grid-row: 1/ span 2;
}

.grid-item2 {
    background-color: rgba(202, 98, 0, 0.8);
    color:white;
    border-radius: 1vw;
    padding-top:1.5vw;
    padding-left:3.5vw;
    font-size:  5vw;
    grid-column: 7/ span 2;
    grid-row: 4/ span 1;
    transition: background-color 0.3s ease;
}

.grid-item3 {
    background-color: rgba(202, 98, 0, 0.8);
    color:white;
    margin-top:0.5vw;
    font-size:  3vw;
    padding-left:2vw;
    border-radius: 1vw;
    grid-column: 7/ span 2;
    grid-row: 5/ span 1;
    transition: background-color 0.3s ease;
}

.grid-item4 {
    background-color: rgba(202, 98, 0, 0.8);
    color:white;
    font-size:  3vw;
    margin-top:0.5vw;
    border-radius: 1vw;
    padding-left:1vw;
    grid-column: 7/ span 2;
    grid-row: 6/ span 1;
    transition: background-color 0.3s ease;
}
.hinweis{
    background-color: rgba(202, 98, 0, 0.8);
    color:white;
    margin-top:0.5vw;
    font-size:  1.2vw;

    border-radius: 1vw;
    grid-column: 7/ span 2;
    grid-row: 7/ span 1;
}