html, 
body {
    margin: 0;
    background-color: grey;
    overflow:hidden;
}

@font-face {
    font-family: 'ApfelGrotezk-Fett';
    src: url('assets/ApfelGrotezk-Fett.woff2') format('woff2');
    font-style: normal;
}

a {
    color: rgb(65, 65, 65);
    font-size: 2em;
    overflow: hidden;
}

.headline {
    font-family: 'ApfelGrotezk-Fett';
    color: grey;
    background-color: rgb(65, 65, 65);
    font-size: 1.2em;
    padding-left: 120px;
}

.gridparent {
    font-family: 'ApfelGrotezk-Fett';
    display: grid;
    width: 100vw;
    height: 100vw;
    margin-top: 5%; 
    justify-content: center;
    grid-template-rows: 90px 30px 120px 30px 90px;
    grid-template-columns: 120px 120px 120px 120px 33px;
    gap: 5px 5px;
}

.gridchildren3 {
    background-color: blue;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    text-align: center;
}

.worte {
    padding-top: 45px;
    color: grey;
    font-size: 1.2em;
    text-decoration: none;
}

.worte:hover {
    text-shadow: 1px 1px 1px rgb(38, 38, 38);
}

.gridchildren6 {
    background-color: rgb(65, 65, 65);
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    border-radius: 20px 20px 0 0;
}

.gridchildren7 {
    background-color:rgb(65, 65, 65);
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    border-radius: 20px 20px 0 0;
}

.gridchildren9 {
    background-color: rgb(65, 65, 65);
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    border-radius: 20px 20px 0 0;
}

.gridchildren11 {
    background-color: yellow;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
    text-align: center;
}

.gridchildren12 {
    background-color: magenta;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    text-align: center;
}

.gridchildren13 {
    background-color: darkred;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    text-align: center;
}

.gridchildren14 {
    background-color: greenyellow;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    text-align: center;
}

.gridchildren15 {
    background-color: rgb(65, 65, 65);
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    border-radius: 0 20px 20px 0;
}

.gridchildren16 {
    background-color: rgb(65, 65, 65);
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    border-radius: 0 0 20px 20px;
}

.gridchildren17 {
    background-color: rgb(65, 65, 65);
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    border-radius: 0 0 20px 20px;
}

.gridchildren23 {
    background-color: rgb(65, 65, 65);
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 6;
    text-align: center;
}

.gridchildren19 {
    background-color: rgb(65, 65, 65);
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    border-radius: 0 0 20px 20px;
}