* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    overflow: hidden;
}

body {
    background-image: url('fledermaus_comp.gif'); /* Hier den Pfad zu deinem Bild anpassen */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Times New Roman', Times, serif;
    cursor: url('cursor3.png'), auto;
    background-color: #000;
}



.content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}



a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 16px;
}

a:hover {
    text-decoration: underline;
}

.spaced-link {
    margin-top: 20px; /* Zusätzlicher Abstand zwischen ausgewählten Links */
}
.vspaced-link {
    margin-top: 100px; /* Zusätzlicher Abstand zwischen ausgewählten Links */
}

.bottom-gif {
    position: fixed; /* Position fixiert am Bildschirm */
    bottom: 20px; /* Abstand von 50 Pixeln vom unteren Bildschirmrand */
    left: 50%;
    transform: translateX(-50%); /* Zentrieren des GIFs */
    width: 50px; /* Setze die gewünschte Breite für das GIF */
    height: auto; /* Erhalte das Seitenverhältnis */
    cursor: pointer; /* Zeigt an, dass es klickbar ist */
}