/* Einheitliche, schmale Kartenkontur auf farbigen und getönten Flächen.
   outline verändert weder Kartenbreite noch bestehende Raster. */
:where(
  .card,
  .news-card,
  .updates-card,
  .reise-card,
  .trip-card,
  .topic-card,
  .topic-panel,
  .theme-resource-card,
  .pillar-card,
  .reason-card,
  .team-card,
  .partner-group,
  .lib-cat,
  .counter,
  .tempel-step,
  .institut__panel,
  .institute__box,
  .contact-panel,
  .contact-card,
  .legal-content,
  .legal-aside,
  .privacy-content,
  .archive-article-aside,
  .hero-side-card,
  .feature,
  .service-box,
  .day-content,
  .cta-panel,
  .info-box
) {
  outline: 3px solid #fff;
  outline-offset: -3px;
}

/* Bibliothekskarten besitzen bereits einen echten 3-px-Rahmen. */
.material-card,
.category-panel {
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  :where(.card,.news-card,.updates-card,.reise-card,.trip-card,.topic-card,
  .topic-panel,.theme-resource-card,.pillar-card,.reason-card,.team-card,
  .partner-group,.lib-cat,.counter,.material-card,.category-panel) {
    transition-duration: .01ms !important;
  }
}