/* Keep the four service intents and two references in balanced rows. */
@media (min-width: 720px) {
  .page-wpf .wpf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.page-wpf .wpf-attribution { margin-top: var(--space-6); }

.page-wpf .wpf-service-card {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.page-wpf .wpf-service-card:focus-visible {
  outline: 2px solid var(--gruen);
  outline-offset: 4px;
}

.page-wpf .wpf-service-card:hover { border-color: var(--gruen); }
.page-wpf .wpf-card-action {
  margin-top: auto;
  padding-top: var(--space-6);
  color: var(--gruen-dunkel);
  font-weight: 600;
}

.page-wpf .wpf-carousel-controls { justify-content: flex-end; }
.page-wpf .karussell-nav { display: flex; }
.page-wpf .karussell-btn { width: 2.75rem; height: 2.75rem; }
.page-wpf .wpf-project-link { margin-top: auto; padding-top: var(--space-6); }