/*
 * This injects Tailwind's base styles, which is a combination of
 * Normalize.css and some additional base styles.
 *
 * You can see the styles here:
 * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
 *
 * If using `postcss-import`, you should import this line from it's own file:
 *
 * @import "./tailwind-preflight.css";
 *
 * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
 *
 * Comment out if not using Tailwind
 */
@tailwind base;

// Configuration: Variables used across the project
@import 'configuration/settings';

// Tools: Mixins and functions used across the project, do not create any CSS output if not called
@import 'tools/mappy-breakpoints';
@import 'tools/svg-uri';
@import 'tools/create-separate-selectors';

// Generics: High level rules, think normalize.css – nothing project design specific
@import 'generic/reset';

// Cookie Consent
@import 'vendor/cookie-consent';
@import 'overrides/cookie-consent';
@import 'overrides/overridesvg';
@import 'overrides/recaptcha';
@import 'vendor/awesomplete';
@import 'vendor/flatpickr';

// Elements: Styles that go directly on HTML elements, no classes or ids
@import 'elements/body';
@import 'elements/main';
@import 'elements/paragraph';
@import 'elements/link';
@import 'elements/headings';
@import 'elements/lists';
@import 'elements/select';
@import 'elements/table';
@import 'elements/input';

// Objects
@import 'objects/container';
@import 'objects/section';
@import 'objects/grid';
@import 'objects/hero-section';

// Components: Designed UI components
@import 'components/icon';
@import 'components/image';
@import 'components/divider';
@import 'components/site-header';
@import 'components/overlay';
@import 'components/main-menu';
@import 'components/main-navigation';
@import 'components/live-overlay';
@import 'components/language-navigation';
@import 'components/site-footer';
@import 'components/footer-menu';
@import 'components/button';
@import 'components/form';
@import 'components/galleryList'; // GalleryDefault comes with component library
@import 'components/text';
@import 'components/grid-teaser';
@import 'components/grid-partner-logo';
@import 'components/hero';
@import 'components/hero-video';
@import 'components/intro';
@import 'components/quicksearch';
@import 'components/quote';
@import 'components/video';
@import 'components/asset-list';
@import 'components/big-teaser';
@import 'components/icon-grid';
@import 'components/icon-teaser';
@import 'components/meta-menu';
@import 'components/search';
@import 'components/fact-teaser';
@import 'components/breadcrumb';
@import 'components/toggle';
@import 'components/person';
@import 'components/slider-teaser';
@import 'components/webcams';
@import 'components/text-teaser';
@import 'components/skiplinks';
@import 'components/partner-logo';
@import 'components/scroll-to-top';
@import 'components/notification';
@import 'components/quickaccess';
@import 'components/popup';
@import 'components/copyright';
@import 'components/neos-login-form';

// Press-Area components
@import 'components/press-image';
@import 'components/press-image-list';
@import 'components/press-article';
@import 'components/press-article-list';

// Base Components which are being used in Press-Area:
@import 'components/read-more-collapsible-section';
@import 'components/standard-teaser';
@import 'components/image-text';

// Toubiz Components
@import 'toubiz/index';

// Utilities
@import 'utilities/states';
@import 'utilities/helpers';
@import 'utilities/visually-hidden';
@import 'utilities/spacing';

// Tportal
@import 'overrides/tportal';

// Neos
@import 'overrides/neos';

/*
 * This injects all of Tailwind's utility classes, generated based on your
 * config file.
 *
 * If using `postcss-import`, you should import this line from it's own file:
 *
 * @import "./tailwind-utilities.css";
 *
 * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
 *
 * Comment out if not using Tailwind
 */

@tailwind utilities;
