/* Barrierefreiheit Widget */
/* --- Responsives Accessibility Widget --- */
/* Widget-Button fix an der rechten unteren Ecke */
.a11y-widget-button {
  position: fixed !important;
  right: 15px !important;
  bottom: 15px !important;
  left: auto !important; /* verhindert, dass es nach links springt */
  transform: none !important;
}

/* Panel ebenso fixieren */
.a11y-widget-panel {
  position: fixed !important;
  right: 10px !important;
  bottom: 60px !important;
  left: auto !important;
  max-width: 95% !important;
}


/* Standard Desktop */
.a11y-widget-button {
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

.a11y-widget-panel {
  width: 400px;
  max-width: 90%;
  right: 20px;
  bottom: 60px;
  z-index: 9999;
}

/* Tablet */
@media (max-width: 768px) {
  .a11y-widget-button {
    bottom: 15px;
    right: 15px;
    font-size: 14px !important;
    padding: 8px 10px !important;
  }

  .a11y-widget-panel {
    width: 90% !important;
    right: 5% !important;
    bottom: 70px !important;
    font-size: 14px !important;
  }
}

/* Smartphone */
@media (max-width: 480px) {
  .a11y-widget-button {
    font-size: 12px !important;
    padding: 6px 8px !important;
    bottom: 10px !important;
    right: 10px !important;
  }

  .a11y-widget-panel {
    width: 100% !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 60px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
  }
}