/* Custom styles layered on top of the Webflow export.
   Keep site-specific tweaks here so the generated Webflow CSS stays untouched. */

/* Accessibility: skip-to-content link, visible only on keyboard focus. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 0.75rem 1.25rem;
  background: #041735;
  color: #ffffff;
  text-decoration: none;
  border-radius: 0 0 4px 0;
}

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

/* Per-project card tints. Extracted from inline style="background-color: …"
   attributes on the .projekt-block cards in _pages/projekte.html so the CSP
   can drop 'unsafe-inline' from style-src. Colours are unchanged. */
.projekt-block--impfen {
  background-color: #fceed5;
}
.projekt-block--labhive {
  background-color: rgba(129, 198, 255, 0.61);
}
.projekt-block--coronika {
  background-color: rgba(214, 205, 208, 0.61);
}
.projekt-block--dw {
  background-color: #f2feff;
}
.projekt-block--did {
  background-color: rgba(40, 0, 219, 0.09);
}

/* Text alignment utility (was inline style="text-align: end"). */
.text-end {
  text-align: end;
}