#overlay {
    width: 100%;

}



#overlay-box-rechts {
    /* Fixierung am Bildschirm */
    position: fixed;
    right: 0;           /* Ganz an den rechten Rand */
    top: 50%;           /* Mittig von oben */
    transform: translateY(-50%); /* Exakte vertikale Zentrierung */
    max-height: 80vh;
    border-radius: 20%;
    background: rgba(255, 255, 255, 0.37);
    padding: 20px;
    box-shadow: -4px 0 15px rgba(0,0,0,0.2);

    z-index: 9999;




    display: flex;
    flex-direction: column; /* Buttons untereinander */
    gap: 10px; /* Abstand zwischen den Buttons */


}


#img-overlay p{
    font-family: "Bellota";
}

.navigate-button {
    position: relative;
    z-index: 10;
    border-radius: 50%;
    border: none ;
    height: 5vh;
    width: 5vh;
}


.navigate-button img
{
    height: 5vh;
    width: 5vh;
    border-radius: 50%;
}


.text-only{

    border-radius: 50%;

    overflow: hidden;
    word-wrap: break-word;



}

.text-only svg{
    fill: #5674909f;
}