.hidden { display:none; }	     /* Nicht löschen, Do not delete! */
.responsivevoice-button {
    position: fixed;             /* fixierte Position am Bildschirm | fixed position on the screen */
    right: 10px;                 /* Abstand vom rechten Rand | distance from the right edge */
    top: 20px;                   /* Abstand vom oberen Rand | distance from the top edge top: 20px oder unteren Rand bottom: 20px */
    padding: 5px 10px;           /* Größe des Buttons | button size*/
    cursor: pointer;             /* Zeigt Hand-Cursor an | display hand cursor */
    font-size: 1.2em;            /* größere Schrift | larger font */
    background-color: rgb(240 240 240 / 0.4); /* Hintergrundfarbe | background color #f0f0f0; */
    border: 1px solid #ccc;      /* Dicke des Rahmens | border size */
    border-radius: 5px;          /* abgerundete Ecken | rounded corners */
    transition: background-color 0.3s; /* sanfter Hover-Effekt | smooth hover effect */
    z-index: 9999;               /* sicherstellen, dass Button sichtbar bleibt | ensure button remains visible */
}

.responsivevoice-button:hover {
    background-color: rgb(240 240 240 / 0.8); /* Hover-Farbe | hover color #e0e0e0 */
	transform:scale(1.2);		/* Lautsprechersymbol etwas vergrößert | slightly enlarged speaker symbol */
}

/* Responsive Anpassungen | responsive adjustments */
@media (max-width: 768px) {
  .responsivevoice-button {
    top: 55px;                    /* eventuell näher am oberen Rand | possibly closer to the top edge */
    right: 0px;                   /* weniger Abstand zum rechten Rand | less distance from the right edge */
    padding: 3px 6px;             /* kleinerer Button | smaller button */
    font-size: 1em;               /* kleinere Schrift | smaller font */
    border-radius: 3px;           /* weniger rund | less rounded */
    background-color: rgb(240 240 240 / 0.2);
}

  .responsivevoice-button:hover { 
   transform:scale(0.9);          /* Lautsprechersymbol etwas kleiner | speaker icon slightly smaller */
  }
}