div#galleryOverview {
    position: relative;
    display: flex;
    justify-content: center;
}

div#galleryOverview > div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px;
    border-radius: 17px;
    box-shadow: inset 2px 2px 6px #222222;
    min-width: 500px;
    width: 500px;
    background-color: #EEF6FF;
}

@media (min-width: 1140px){
    div#galleryOverview > div {
        width: 670px;
    }
}

@media (min-width: 1420px){
    div#galleryOverview > div {
        width: 840px;
    }
}

div#galleryOverview div.galleryImage {
    justify-content: center;
    width: 160px;
    height: 120px;
    box-shadow: 2px 2px 6px #222222;
    cursor: pointer;
    margin: 0px;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
}

div#galleryOverview div.galleryImage.deactivated {
    position: relative;
    top: 12px;
    opacity: 0.4;
    border: 2px solid #686868;
    box-shadow: 0px -2px #AAAAAA;
    cursor: default;
    pointer-events: none;
}

div#galleryOverview div.galleryImage:hover {
    margin: 2px -2px -2px 2px;
    box-shadow: 10px 10px 15px 0px #004286;
    transition: all ease-in-out 0.5s;
    z-index: 2;
}

div#startHead {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    vertical-align: middle;
    text-align: center;
    display: none;
    z-index: 32;
    background-color: #222222EE;
}

div#startHead img#startHeadImage {
    position: relative;
    margin: auto;
    max-height: 80vh;
    max-width: 80vw;
    vertical-align: middle;
    box-shadow: 2px 2px 6px #000000;
}

div#startHead img#closeButton {
    position: absolute;
    right: 42px;
    top: 96px;
    z-index: 10;
}

div#startHead img#pfeilRechts {
    position: absolute;
    top: calc(50vh - 30px);
    right: 26px;
    height: 80px;
    transform: rotate(180deg);
    z-index: 10;
}

div#startHead img#pfeilLinks {
    position: absolute;
    top: calc(50vh - 30px);
    left: 26px;
    height: 80px;
    z-index: 10;
}

div#startHead img:not(img#startHeadImage) {
    filter: drop-shadow(2px 2px 4px #000000);
    cursor: pointer;
    margin: 0px 10px 10px 0px;
    transition: all ease-in-out 0.5s;
}

div#startHead img:not(img#startHeadImage):hover {
    filter: drop-shadow(2px 2px 5px #004286);
    margin: 2px 8px 8px 2px;
}