@import "mixins";
@import "variables-layout";
@import "_theme/variables-layout";

@import "_theme/fonts";
@import "../_vendor/vendor";

@import "root-variables";
@import "scss-variables";
@import "_theme/variables";

@import "scaffolding/helper-classes";
@import "scaffolding/typo";
@import "scaffolding/forms";
@import "scaffolding/buttons";
@import "scaffolding/spacing";
@import "scaffolding/hacks";


html {
  scroll-behavior: smooth;
  font-size: var(--bs-body-font-size);

  body {
    transition: padding-top 0.5s ease, opacity 0.25s ease;
    opacity: 0;

    *[id] {
      scroll-behavior: smooth;
      scroll-margin-top: 175px;
    }

    &.is--scrolling {
      *[id] {
        scroll-behavior: smooth;
        scroll-margin-top: 100px;
      }
    }

    &#tinymce {
      @include padding(7px 12px);
      opacity: 1;
    }

    @import "areas/header";
    @import "areas/main";
    @import "areas/aside";
    @import "areas/footer";

    @import "elements/elements";
    @import "elements/navigation";
    @import "elements/modal";
    @import "elements/form-elements";
    @import "elements/slider";
    @import "elements/news";
    @import "elements/events";
    @import "elements/contao-accordions";
    @import "elements/ce_downloads";
    @import "elements/ce_image";
    @import "elements/ce_gallery";
    @import "elements/megamenu";
    @import "elements/breadcrumb";
    @import "elements/mmenu";
    @import "elements/offcanvas";
    @import "elements/search";
    @import "elements/fixed-stoerer-base";
    @import "elements/tooltips";
    @import "elements/alerts";
    @import "_theme/includes";
  }
}

@import "_theme/styles";