/* ══════════════════════════════════════════════════
   CSS LAYER ORDER — muss als erstes geladen werden.
   Definiert die Kaskaden-Priorität (niedrig → hoch).
   bootstrap ist der niedrigste Layer — alle eigenen
   Styles überschreiben Bootstrap.
   ══════════════════════════════════════════════════ */
@layer bootstrap, colors, base, typography, components, pages, utilities;

/* Bootstrap in den niedrigsten Layer laden */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css") layer(bootstrap);