/* Kontrast-Umschalter: Icon-Button neben "Kontakt" */
li.a11y-contrast-item {
  display: flex;
  align-items: center;
  list-style: none;
}
.a11y-contrast-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: 0.75rem;
  padding: 0;
  border: 1px solid #006f7b;
  border-radius: 50%;
  background: #fff;
  color: #006f7b;
  cursor: pointer;
}
.a11y-contrast-toggle:hover {
  background: #e7f1f2;
}
.a11y-contrast-toggle[aria-pressed="true"] {
  background: #006f7b;
  color: #fff;
}
.a11y-contrast-toggle svg {
  width: 1.1rem;
  height: 1.1rem;
  flex: none;
}

/* Tooltip: nur bei Hover/Fokus auf das Icon sichtbar */
.a11y-tooltip {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 20;
  padding: 0.35rem 0.65rem;
  border-radius: 0.3rem;
  background: #1a1a1a;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
.a11y-contrast-toggle:hover .a11y-tooltip,
.a11y-contrast-toggle:focus-visible .a11y-tooltip {
  opacity: 1;
  visibility: visible;
}

/* Pause/Play-Button der Slider: zentriert unterhalb des Sliders */
.wp_swiper__autoplay-toggle-wrap {
  display: flex;
  justify-content: center;
  background-color: rgba(231, 241, 242, 1);
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.wp_swiper__autoplay-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
  color: #006f7b;
  cursor: pointer;
}
.wp_swiper__autoplay-toggle svg {
  width: 0.85rem;
  height: 0.85rem;
}
.wp_swiper__navigation-container {
  display: flex;
  align-items: center;
}

/* Hoher Kontrast: alle Texte schwarz, alle Links leuchtend rot + unterstrichen.
   Der Kontrast-Button selbst bleibt von dieser Regel unberührt (UI-Element, kein Inhalt). */
html[data-contrast="high"] :not(.a11y-contrast-toggle):not(.a11y-contrast-toggle *) {
  color: #000 !important;
}
html[data-contrast="high"] a:not(.a11y-contrast-toggle):not(.a11y-contrast-toggle *) {
  color: #cc0000 !important;
  text-decoration: underline !important;
}
html[data-contrast="high"] a:after {
  background-color: #cc0000 !important;
}