/* Brutalistisches Design für den Zeitraffer-Button */
#openOverlayBtn {
    background-color: #000000;  /* Tiefschwarz */
    color: #ffffff;             /* Weißer Text */
    border: 3px solid #000000;  /* Fette schwarze Kontur */
    padding: 15px 30px;         /* Großzügiger Innenabstand */
    font-family: inherit;       /* Nutzt die Schriftart der Seite */
    font-weight: bold;          /* Fette Schrift */
    font-size: 1rem;            /* Angenehme Textgröße */
    text-transform: uppercase;  /* Komplett in Großbuchstaben */
    letter-spacing: 2px;        /* Mehr Abstand zwischen den Buchstaben */
    border-radius: 0px;         /* Absolut eckig, keine Rundungen! */
    cursor: pointer;
    transition: all 0.2s ease;  /* Sanfter Übergang beim Drüberfahren */
}

/* Hover-Effekt: Farben invertieren beim Drüberfahren */
#openOverlayBtn:hover {
    background-color: #ffffff;  /* Weißer Hintergrund */
    color: #000000;             /* Schwarzer Text */
    box-shadow: 5px 5px 0px #000000; /* Brutalistischer, harter Schlagschatten */
    transform: translate(-5px, -5px); /* Button hebt sich leicht ab */
}