/* ==========================================================================
   MAIN CSS - Lädt alle modularen Stylesheets in der korrekten Reihenfolge
   1. variables  -> CSS Custom Properties (Tokens)
   2. base       -> Reset, Typografie
   3. layout     -> Container, Grid, Sektionen
   4. header     -> Navigation
   5. footer     -> Footer
   6. components -> Buttons, Cards, Forms, etc.
   7. pages      -> Seitenspezifisch (Hero, Page-Header, etc.)
   8. responsive -> Globale Media Queries
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Raleway:wght@500;700;800;900&display=swap");

@import url("variables.css");
@import url("base.css");
@import url("layout.css");
@import url("header.css");
@import url("footer.css");
@import url("components.css");
@import url("pages.css");
@import url("responsive.css");