@font-face {
    font-family: 'OpenDyslexic';
    src: url('plugins/barrierefreiheits-widget/assets/fonts/OpenDyslexic-Regular.woff2') format('woff2'),
         url('plugins/barrierefreiheits-widget/assets/fonts/OpenDyslexic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'OpenDyslexic';
    src: url('plugins/barrierefreiheits-widget/assets/fonts/OpenDyslexic-Bold.woff2') format('woff2'),
         url('plugins/barrierefreiheits-widget/assets/fonts/OpenDyslexic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  }
  

  @font-face {
    font-family: 'OpenDyslexic';
    src: url('../fonts/OpenDyslexic-Regular.woff2') format('woff2'),
         url('../fonts/OpenDyslexic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'OpenDyslexic';
    src: url('../fonts/OpenDyslexic-Bold.woff2') format('woff2'),
         url('../fonts/OpenDyslexic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  }
  
  /* Beispiel: Anwenden der Schriftart über eine CSS-Klasse */
  body.open-dyslexic {
    font-family: 'OpenDyslexic', sans-serif !important;
  }
  

  .reset-button {
    padding: 10px 20px;
    border-radius:50px; 
  }
  
/* Dark Mode: Hintergründe nur bei Elementen mit "aw-adjust-bg" außerhalb des Widget-Containers überschreiben */
.aw-dark-mode .aw-adjust-bg:not(#aw-widget-container):not(#aw-widget-container *) {
  background-color: rgba(10, 10, 10, 1) !important;
  border-color:#ffffff !important;
}

/* Dark Mode: Global Textfarbe & SVG-Fill auf weiß, aber nicht innerhalb des Widgets */
.aw-dark-mode :not(#aw-widget-container):not(#aw-widget-container *) {
  color: #ffffff !important;
}
.aw-dark-mode svg:not(#aw-widget-container):not(#aw-widget-container *),
.aw-dark-mode svg path:not(#aw-widget-container):not(#aw-widget-container *) {
  fill: #ffffff !important;
}

/* Ausnahme für .uncode-divider-wrap: Im Dark Mode soll es schwarz sein */
.aw-dark-mode .uncode-divider-wrap svg,
.aw-dark-mode .uncode-divider-wrap svg path {
  fill: #000000 !important;
}

/* Light Mode: Hintergründe nur bei Elementen mit "aw-adjust-bg" außerhalb des Widget-Containers überschreiben */
.aw-light-mode .aw-adjust-bg:not(#section-text):not(#section-text *) {
  background-color: rgba(255, 255, 255, 1) !important;
  border-color:#000000 !important;
}

/* Light Mode: Global Textfarbe & SVG-Fill auf schwarz, aber nicht innerhalb des Widgets */
.aw-light-mode :not(#aw-widget-container):not(#aw-widget-container *) {
  color: #000000 !important;
}
.aw-light-mode svg:not(#aw-widget-container):not(#aw-widget-container *),
.aw-light-mode svg path:not(#section-text):not(#section-text *) {
  fill: #000000 !important;
}

/* Ausnahme für .uncode-divider-wrap: Im Light Mode soll es weiß sein */
.aw-light-mode .uncode-divider-wrap svg,
.aw-light-mode .uncode-divider-wrap svg path {
  fill: #ffffff !important;
}