@charset 'UTF-8';
/// 1. Abstract
///
/// The `abstracts/` folder gathers all Sass tools and helpers used across the project. Every global variable, function,
/// mixin and placeholder should be put in here:
///
/// - `_variables.scss`
/// - `_mixins.scss`
/// - `_functions.scss`
/// - `_placeholders.scss`
@import 'abstracts/functions';

// Import colors before variables
@import 'abstracts/colors';
@import 'abstracts/colors_generated_preview';

@import 'abstracts/variables';
@import 'abstracts/mixins_buttons';
@import 'abstracts/mixins_fonts';
@import 'abstracts/mixins_productlist';


/// 2. Vendors
///
/// The `vendors` folder containing all the CSS files from external libraries and frameworks – Normalize, Bootstrap,
/// jQueryUI, FancyCarouselSliderjQueryPowered, and so on. Putting those aside in the same folder is a good way to say
/// “Hey, this is not from me, not my code, not my responsibility”
@import 'vendors/fontawesome/scss/fontawesome.scss';
@import 'vendors/fontawesome/scss/brands.scss';
@import 'vendors/fontawesome/scss/regular.scss';
@import 'vendors/fontawesome/scss/solid.scss';
@import 'vendors/nouislider.min';
@import 'vendors/slick/slick-lightbox';
@import 'vendors/password.min';
@import 'vendors/bootstrap/scss/bootstrap.scss';
@import 'vendors/bootstrap-select/bootstrap-select.scss';
@import 'vendors/consent/consent';
@import 'vendors/slick/slick.scss';
@import 'vendors/wow/animate';
@import 'vendors/slider/slider';
@import 'vendors/DataTables/datatables.min';
@import 'vendors/jtl/mixins';
@import 'vendors/jtl/base';
@import 'vendors/jtl/utilities/all';
@import 'vendors/jtl/contact';
@import 'vendors/jtl/selectionwizard';

/// 3. Base
///
/// The `base/` folder holds what we might call the boilerplate code for the project. In there, you might find the
/// reset file, some typographic rules, and probably a stylesheet defining some standard styles for commonly used
/// HTML elements

// These styles are also in CRIT, but they MUST be here, too, or they will not override Bootstrap styles
@import 'base/containers';
@import 'base/fonts';
@import 'base/fonts_generated_preview';
@import 'base/icons';
@import 'base/images';
@import 'base/text';

/// 4. Layout
///
/// The `layout/` folder contains everything that takes part in laying out the site or application.
/// This folder could have stylesheets for the main parts of the site (header, footer, navigation, sidebar…),
/// the grid system or even CSS styles for all the forms.

// 5.a. Components
// Reused smaller components.
@import 'components/close';
@import 'components/modals';
@import 'components/tooltip';
@import 'components/slider';
@import 'components/stepper';
@import 'components/tabs';
@import 'components/lists';
@import 'components/spinner';
@import 'components/boxes';
@import 'components/alerts';
@import 'components/badges';
@import 'components/banner';
@import 'components/basket';
@import 'components/buttons';
@import 'components/breadcrumbs';
@import 'components/cards';
@import 'components/checkout';
@import 'components/comparelist';
@import 'components/grid';
@import 'components/links';
@import 'components/dropdowns';
@import 'components/carousel';
@import 'components/collapse';
@import 'components/custom_forms';
@import 'components/fileinput';
@import 'components/forms';
@import 'components/figures';
@import 'components/navs';
@import 'components/newsbox';
@import 'components/pagination';
@import 'components/price';
@import 'components/productbox';
@import 'components/productdetails';
@import 'components/ribbons';
@import 'components/sliders';
@import 'components/snippets';
@import 'components/tables';
@import 'components/footer';
@import 'components/scrolltop';
@import 'components/shorten';
@import 'components/sitemap';
@import 'components/sticky';
@import 'components/ui_slider';
@import 'components/video';
@import 'components/qrcode';
@import 'components/gpsr';

/// 5.b. Widgets
///
/// While `layout/` is *macro* (defining the global wireframe), `wigets/` is more focused on widgets.
/// There are usually a lot of files in `wigets/` since the whole site should be mostly composed of widgets.
@import 'widgets/base';
@import 'widgets/accordion';
@import 'widgets/amazon_pay';
@import 'widgets/brand_slider';
@import 'widgets/breadcrumb';
@import 'widgets/categories';
@import 'widgets/category_banner';
@import 'widgets/cms_content';
@import 'widgets/cms_navigation';
@import 'widgets/content_boxes';
@import 'widgets/countdown';
@import 'widgets/customer_ratings';
@import 'widgets/footer_boxes';
@import 'widgets/footer_copyright';
@import 'widgets/header_main';
@import 'widgets/header_usp';
@import 'widgets/headline';
@import 'widgets/hero_product';
@import 'widgets/html_plain';
@import 'widgets/hotspot_banner';
@import 'widgets/image_list';
@import 'widgets/image_slider';
@import 'widgets/jtl_selection_wizard';
@import 'widgets/link_groups';
@import 'widgets/listing';
@import 'widgets/main_slider';
@import 'widgets/manufacturer_banner';
@import 'widgets/marquee';
@import 'widgets/masonry_grid';
@import 'widgets/menu_category';
@import 'widgets/menu_category_tree';
@import 'widgets/menu_columns';
@import 'widgets/menu_custom_html';
@import 'widgets/menu_dropdown';
@import 'widgets/menu_link_group';
@import 'widgets/menu_sitemap';
@import 'widgets/menu_tiles';
@import 'widgets/news';
@import 'widgets/newsletter';
@import 'widgets/product_detail_header';
@import 'widgets/product_detail_information';
@import 'widgets/product_list';
@import 'widgets/product_slider';
@import 'widgets/property_value_banner';
@import 'widgets/social_media';
@import 'widgets/spacing';
@import 'widgets/standard_basket';
@import 'widgets/standard_checkout';
@import 'widgets/standard_checkout_complete';
@import 'widgets/sub_categories';
@import 'widgets/usps';
@import 'widgets/testimonial_slider';
@import 'widgets/text_block';
@import 'widgets/text_image';
@import 'widgets/text_links';
@import 'widgets/text_sections';
@import 'widgets/text_video';
@import 'widgets/usp_bar';
@import 'widgets/video';

// 5c. Plugins
@import 'plugins/amazonpay';
@import 'plugins/paypalcheckout';
@import 'plugins/jtlsearch';
@import 'plugins/jtldhlwunschpaket';

/// 6. Pages
///
/// If you have page-specific styles, it is better to put them in a `pages/` folder, in a file named after the page.
/// For instance, it’s not uncommon to have very specific styles for the home page hence the need for a `_home.scss`
/// file in `pages/`.
@import 'pages/account';
@import 'pages/manufacturers';
@import 'pages/newsletter';
@import 'pages/rating';
@import 'pages/register';

/// 7. Themes
///
/// Implemented differently by jtl -> not used for now

