#thumbnails {
    display: flex;
    flex-wrap: wrap; /* Thumbnails umbrechen, wenn sie nicht in eine Zeile passen */
}

.thumbnail {
    width: 128px;
    height: 128px;
    margin-right: 4px; /* Abstand zwischen den Thumbnails */
    margin-bottom: 4px; /* Abstand unterhalb der Thumbnails */
    cursor: pointer;
}

#großesBildContainer {
    text-align: center;
    position: relative;
}

.nav-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px; /* Breite erhöht */
    height: 60px; /* Höhe erhöht */
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 40px; /* Schriftgröße erhöht */
    line-height: 60px; /* Zeilenhöhe erhöht */
    cursor: pointer;
    display: none;
}

#linksBox {
    left: 0;
}

#rechtsBox {
    right: 0;
}

body {
    background-color: #1a1a1a; /* Angenehme Hintergrundfarbe */
}