@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";

    .mod_newsreader {
      p.back {
        margin-top: 1.5rem;
      }
    }

    .mod_eventlist {
      .row {
        .event {
          height: 100%;
          padding-bottom: 60px;
          position: relative;

          time {
            font-weight: 700;
          }

          .event--image-wrapper {
            @include aspect-ratio(1,1);
          }

          .event--content-wrapper {

            .event--button {
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              text-align: center;
            }
          }
        }
      }
    }

    .ce_rsce_equalboxfield {
      &.colored_tiles {

        .ce--equalboxfield {
          > .row {
            > div {
              @include aspect-ratio(1,1);

              .box--element.box--element {
                > .row,
                > .row > .col {
                  height: 100%;
                }
                .box--details {
                  height: 100%;
                  justify-content: center !important;
                  padding: 4.5rem 1.5rem 1.5rem;
                  position: relative;

                  .box--headline {
                    position: absolute;
                    top: 1.5rem;
                    left: 1.5rem;
                    right: 1.5rem;
                  }
                  .box--text {
                    margin-top: 0;
                    max-height: 100%;
                    display: flex;
                    justify-content: center;

                    img {
                      max-height: 100%;
                      height: 100%;
                      width: auto;
                    }
                  }
                }
              }
            }
          }
        }

      }
    }
  }
}

@import "_theme/styles";