@charset "UTF-8";
/**
 * main.css – Layered Build
 * Ordnung: reset → tokens → base → layout → components → vendor → print → overrides
 * Hinweis: Die Layer-Namen werden oben deklariert; @import bekommt das layer(...)
 */

@layer reset, tokens, base, layout, components, vendor, print, overrides;

/* ================================
   1) Reset (optional)
   ================================ */
/* Beispiel (wenn per Bundle/TypoScript aktiv):
   @import "vendor/modern-normalize.css" layer(reset);
*/

/* ================================
   2) Design Tokens & Base
   ================================ */
@import "base/_variables.css" layer(tokens);
@import "base/_runtime.css" layer(tokens);
@import "base/_global.css" layer(base);
@import "base/_cookie-consent-safety.css" layer(base);
@import "base/_tooltips.css" layer(base);
@import "base/_shoelace-overrides.css" layer(base);

/* ================================
   3) Layout Styles
   ================================ */

/* Nur gezielte Unterseiten-Regeln; kein zweiter vollständiger Header mehr. */

@import "layout/_frame.css" layer(layout);
@import "layout/_header.css" layer(layout);
@import "layout/_footer.css" layer(layout);
@import "layout/_product-flow.css" layer(layout);
@import "layout/_scroll-cinematic.css" layer(layout);
@import "layout/_subpage-contract.css" layer(layout);
@import "layout/_overlay.css" layer(layout);

/* ================================
   4) Component Styles (Kacheln)
   ================================ */
@import "components/_hero.css" layer(components);
@import "components/_enrollment-system.css" layer(components);
@import "components/_trust-section.css" layer(components);
@import "components/_training-process.css" layer(components);
@import "components/_review.css" layer(components);
@import "components/_pricing-section.css" layer(components);
@import "components/_registration.css" layer(components);
@import "components/_bottom.css" layer(components);
@import "components/_team.css" layer(components);
@import "components/_locations.css" layer(components);
@import "components/_cars.css" layer(components);
@import "components/_theory.css" layer(components);
@import "components/_practice.css" layer(components);
@import "components/_aktuelles.css" layer(components);

/* ================================
   5) Vendor Styles (nur falls nötig)
   ================================ */

/* ================================
   6) Mobile/Touch master override
   ================================ */
@import "overrides/_mobile-touch.css" layer(overrides);

/* ================================
   6) Print Styles
   ================================ */
@import "print.css" print;
/* print kann mit layer kombiniert werden, muss aber nicht */

/* ================================
   7) Overrides (nur gezielte Hotfixes)
   ================================ */
/* @layer overrides {  } */