body {
    margin: 0;
    left: 0;
    font-family: sans-serif;
     background-color: #f8f8fc;

}

.desktop-header-logo {
    padding-left: 10%;

}

.desktop-header {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    justify-content: center;
color: black;
background-color: white;

    z-index: 2;
    position: relative;
    height: 100px;
}

.desktop-header-options {

    display: flex;
    gap: 10%;
    justify-content: center;
    align-items: center;

    flex-wrap: wrap;
}


.desktop-header-options a {
    text-decoration: none;
    color: black;


}

.desktop-header-options a:hover {

    text-decoration: underline;
    scale: 110%;


}



.bilder {
    justify-content: center;

    display: grid;
    gap: 10px;
    grid-template-columns: 20% 20% 20% 20%;
}

.bilder-sparte {
    display: flex;
    flex-direction: column;
    gap: 10px;
}