/* Korrekturen zu Kontrast und Bedienbarkeit.
   Wird nach dem Divi-CSS geladen und gewinnt deshalb die Kaskade. */

/* Buttons: dunkles Grün statt Weiß auf dem Mintton.
   Kontrast steigt von 1,6:1 auf 8,4:1 (WCAG AA braucht 4,5:1).
   Die Selektoren sind bewusst hoch gewichtet, damit sie die
   !important-Regeln aus dem Divi-CSS sicher überschreiben. */
html body .et_pb_button_0,
html body .et_pb_button_1,
html body .et_pb_button_0:hover,
html body .et_pb_button_1:hover,
html body #page-container .et_pb_button_0,
html body #page-container .et_pb_button_1,
html body #page-container .et_pb_button_0:hover,
html body #page-container .et_pb_button_1:hover,
html body #page-container .et-db #et-boc .et-l .et_pb_button_0,
html body #page-container .et-db #et-boc .et-l .et_pb_button_1 {
  color: #04332c !important;
}

/* Textspalte mit Mint-Hintergrund: Fließtext war Grau auf Mint (2,6:1) */
html body .et_pb_column_18,
html body .et_pb_column_18 h1,
html body .et_pb_column_18 h2,
html body .et_pb_column_18 h3,
html body .et_pb_column_18 h4,
html body .et_pb_column_18 p,
html body .et_pb_column_18 li,
html body .et_pb_column_18 strong,
html body .et_pb_column_18 .et_pb_text_inner,
html body #page-container .et_pb_column_18 h2,
html body #page-container .et_pb_column_18 p {
  color: #04332c !important;
}

/* Links im Fließtext sollen nicht nur an der Farbe erkennbar sein */
.et_pb_text_inner a,
.entry-content a,
#footer-info a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.et_pb_text_inner a.et_pb_button,
.entry-content a.et_pb_button {
  text-decoration: none;
}

/* Tastaturbedienung: Fokus muss sichtbar sein */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid #04332c;
  outline-offset: 2px;
}

/* Nutzer, die Animationen abgeschaltet haben, bekommen keine */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Der Header bekommt sein padding-left per JavaScript gesetzt. Die
   Übergangsanimation darauf läuft nicht auf der GPU und wird von
   Lighthouse als "nicht zusammengesetzte Animation" gemeldet. */
#et-top-navigation,
#main-header .logo_container {
  transition: none !important;
}