.vorlesen_button {
    position: fixed;             /* fixierte Position am Bildschirm */
    right: 10px;                 /* Abstand vom rechten Rand */
    top: 55px;                /* Abstand vom unteren Rand bottom 20px*/
    padding: 5px 10px;           /* Größe des Buttons */
    cursor: pointer;             /* Zeigt Hand-Cursor an */
    font-size: 1.2em;            /* größere Schrift */
    background-color: #f0f0f0;   /* Hintergrundfarbe */
    border: 1px solid #ccc;      /* Rand */
    border-radius: 5px;          /* abgerundete Ecken */
    transition: background-color 0.3s; /* sanfter Hover-Effekt */
    z-index: 9999;               /* sicherstellen, dass Button sichtbar bleibt */
}

.vorlesen_button:hover {
    background-color: #e0e0e0; /* Hover-Farbe */
}

/* Responsive Anpassung */
@media (max-width: 768px) {
    .vorlesen_button {
        float: none;          /* Float entfernen */
        display: block;       /* Blockelement */
        margin: 10px auto;    /* zentrieren */
        text-align: center;   /* Text zentrieren */
    }
}