/* Gemeinsame Hilfen für Tastaturbedienung und Sprungnavigation. */
:root {
  --pink: #ed007b;
}

.nav a,
.back-link,
.contact h2,
footer {
  color: #3f4929;
}

.nav a.active,
.nav a:hover,
.contact-grid a {
  color: #ed007b;
}

.skip-link {
  position: fixed;
  top: -60px;
  left: 12px;
  z-index: 100;
  padding: 12px 16px;
  border-radius: 0 0 8px 8px;
  background: var(--pink, #ed007b);
  color: #fff;
  text-decoration: none;
}

.skip-link:focus {
  top: 0;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
}

[tabindex="-1"]:focus {
  outline: none;
}