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