oliverlindberg

@media (prefers-reduced-transparency: no-preference) { 
  /* Keine Präferenz für Transparenzen, daher wenden wir die Transparenz an */ 
  .element { 
	opacity: .5; /* Transparenz anwenden */ 
  } 
} 

oliverlindberg

@media (prefers-reduced-motion: no-preference) { 
  /* Keine spezifische Präferenz für Bewegungen, standardmäßig Animation ausführen */ 
  .element { 
	animation: slide-in 1s ease-in-out forwards; /* Führe die Animation aus */ 
  } 
} 

oliverlindberg

@media (prefers-color-scheme: dark) { 
  body { 
	background-color: #333; /* Dunkler Hintergrund im Dark Mode */ 
	color: #fff; /* Helle Schriftfarbe im Dark Mode */ 
  } 
}