/* =========================================
   style.css – Master Stylesheet
   Version 2.2 – Optimierte Lade-Reihenfolge
   -----------------------------------------
   Logische Struktur:
   01–02 : Basis & Layout
   05    : Animationen (vor Komponenten!)
   03–04 : Komponenten & Seitenspezifisches
   06    : Atmosphäreneffekte (Parallax etc.)
   07    : Responsive Anpassungen
========================================= */

@charset "UTF-8";

/* =========================================
   1️⃣ BASIS & LAYOUT
   Grundlegende Reset-, Typo-, Layout-Styles
========================================= */
@import url("01_base.css");
@import url("02_layout.css");

/* =========================================
   2️⃣ ANIMATIONEN
   Sichtbarkeits- und Scroll-Animationen
   (müssen vor den Komponenten geladen werden,
   damit Hover-/Komponentenregeln Vorrang haben)
========================================= */
@import url("05_animations.css");

/* =========================================
   3️⃣ KOMPONENTEN & SEITEN
   Alle interaktiven Bausteine und Content-Layouts
========================================= */
@import url("03_components.css");
@import url("03a_cards.css");
@import url("04_pages_contact.css");

/* =========================================
   4️⃣ ATMOSPHÄRE & HINTERGRUND-EFFEKTE
   Parallax, Partikel, Licht, etc.
========================================= */
@import url("06_parallax.css");

/* =========================================
   5️⃣ RESPONSIVE DESIGN
   Mobile-, Tablet-, Desktop-Anpassungen
========================================= */
@import url("07_responsive.css");