/*
 * Verbindliche Button-Kontraste für die gesamte Website.
 * Diese Datei wird bewusst zuletzt geladen, damit Seiten-CSS die
 * Kombination aus Hintergrund- und Schriftfarbe nicht auseinanderreißt.
 */

html body a.wj-btn-primary[class~="wj-btn-primary"]:hover,
html body a.wj-btn-primary[class~="wj-btn-primary"]:focus-visible,
html body button.wj-btn-primary[class~="wj-btn-primary"]:hover,
html body button.wj-btn-primary[class~="wj-btn-primary"]:focus-visible,
html body input.wj-btn-primary[class~="wj-btn-primary"]:hover,
html body input.wj-btn-primary[class~="wj-btn-primary"]:focus-visible,
html body a.button[class~="button"]:hover,
html body a.button[class~="button"]:focus-visible,
html body button.button[class~="button"]:hover,
html body button.button[class~="button"]:focus-visible,
html body input.button[class~="button"]:hover,
html body input.button[class~="button"]:focus-visible,
.wj-small-btn:hover,
.wj-small-btn:focus-visible,
.primary:hover,
.primary:focus-visible{
  border-color:#075f70 !important;
  background:#075f70 !important;
  color:#fff !important;
  text-decoration:none !important;
}

html body a.wj-btn-secondary[class~="wj-btn-secondary"]:hover,
html body a.wj-btn-secondary[class~="wj-btn-secondary"]:focus-visible,
html body button.wj-btn-secondary[class~="wj-btn-secondary"]:hover,
html body button.wj-btn-secondary[class~="wj-btn-secondary"]:focus-visible,
html body input.wj-btn-secondary[class~="wj-btn-secondary"]:hover,
html body input.wj-btn-secondary[class~="wj-btn-secondary"]:focus-visible,
.secondary:hover,
.secondary:focus-visible{
  border-color:#075f70 !important;
  background:#e7f5f7 !important;
  color:#075f70 !important;
  text-decoration:none !important;
}

/* Auch Texte und Icons innerhalb eines Buttons behalten den Kontrast. */
html body a.wj-btn-primary[class~="wj-btn-primary"]:hover *,
html body a.wj-btn-primary[class~="wj-btn-primary"]:focus-visible *,
html body button.wj-btn-primary[class~="wj-btn-primary"]:hover *,
html body button.wj-btn-primary[class~="wj-btn-primary"]:focus-visible *,
a.button:hover *,
a.button:focus-visible *,
.wj-small-btn:hover *,
.wj-small-btn:focus-visible *,
.primary:hover *,
.primary:focus-visible *{
  color:#fff !important;
}

html body a.wj-btn-secondary[class~="wj-btn-secondary"]:hover *,
html body a.wj-btn-secondary[class~="wj-btn-secondary"]:focus-visible *,
html body button.wj-btn-secondary[class~="wj-btn-secondary"]:hover *,
html body button.wj-btn-secondary[class~="wj-btn-secondary"]:focus-visible *,
.secondary:hover *,
.secondary:focus-visible *{
  color:#075f70 !important;
}

/* Formulare: weiße Schrift ist nur zusammen mit dunklem Hintergrund erlaubt. */
button[type="submit"]:not(.wj-btn-secondary):hover,
button[type="submit"]:not(.wj-btn-secondary):focus-visible,
input[type="submit"]:not(.wj-btn-secondary):hover,
input[type="submit"]:not(.wj-btn-secondary):focus-visible,
input[type="button"]:not(.wj-btn-secondary):hover,
input[type="button"]:not(.wj-btn-secondary):focus-visible{
  border-color:#075f70 !important;
  background:#075f70 !important;
  color:#fff !important;
}

@media (prefers-reduced-motion:reduce){
  a.wj-btn-primary,
  a.wj-btn-secondary,
  .button,
  .wj-small-btn{
    transition:none !important;
  }
}
