/*//////////////////////////////////////////////////////////////////////////////
//	SETUP
//////////////////////////////////////////////////////////////////////////////*/

@import "0_setup/variables.css";
@import "0_setup/reset.css";
@import "0_setup/fonts.css";
@import "0_setup/typography.css";
@import "0_setup/accessibility.css";

/*/ /////////////////////////////////////////////////////////////////////////////
//	VENDOR
//////////////////////////////////////////////////////////////////////////////*/

@import "1_vendor/slick.css";
@import "1_vendor/aos.css";

/*//////////////////////////////////////////////////////////////////////////////
//	ELEMENTS
//////////////////////////////////////////////////////////////////////////////*/

@import "2_elements/links.css";
@import "2_elements/headings.css";
@import "2_elements/quotes.css";
@import "2_elements/lists.css";
@import "2_elements/media.css";
@import "2_elements/forms.css";
@import "2_elements/tables.css";
@import "2_elements/ui.css";

/*/ ////////////////////////////////////////////////////////////////////////////
//	BLOCKS
//////////////////////////////////////////////////////////////////////////////*/

@import "3_blocks/gallery.css";
@import "3_blocks/query.css";
@import "3_blocks/group.css";
@import "3_blocks/columns.css";
@import "3_blocks/image.css";
@import "3_blocks/details.css";
@import "3_blocks/file.css";
@import "3_blocks/separator.css";
@import "3_blocks/buttons.css";

/*//////////////////////////////////////////////////////////////////////////////
//	MODULES
//////////////////////////////////////////////////////////////////////////////*/

@import "4_modules/branding/branding.css";
@import "4_modules/nav-main/nav-main--mobile.css" (width <= 940px);
@import "4_modules/nav-main/nav-main--desktop.css" (width >= 940px);
@import "4_modules/nav-language-switcher/nav-language-switcher.css";
@import "4_modules/nav-contact/nav-contact.css";
@import "4_modules/breadcrumbs/breadcrumbs.css";

@import "4_modules/back-to-top/back-to-top.css";
@import "4_modules/slider/slider--mobile.css" (width <= 940px);
@import "4_modules/slider/slider--desktop.css" (width >= 940px);
@import "4_modules/article/article.css";
@import "4_modules/nav-footer/nav-footer.css";
@import "4_modules/contactbox/contactbox.css";
@import "4_modules/contactform/contactform.css";
@import "4_modules/portrait/portrait.css";
@import "4_modules/call-to-action/call-to-action.css";

/*/ ////////////////////////////////////////////////////////////////////////////
//	LAYOUT
//////////////////////////////////////////////////////////////////////////////*/

@import url("5_layout/layout.css");
@import url("5_layout/layout--mobile.css") (width <= 940px);
@import url("5_layout/layout--desktop.css") (width >= 940px);

/*//////////////////////////////////////////////////////////////////////////////
//	THEMES
//////////////////////////////////////////////////////////////////////////////*/

@import "6_themes/default.css";

/*/ /////////////////////////////////////////////////////////////////////////////
//	UTILITIES
//////////////////////////////////////////////////////////////////////////////*/

@import "7_utilities/typography.css";
@import "7_utilities/layout.css";
@import "7_utilities/spacing.css";
@import "7_utilities/colors.css";
@import "7_utilities/forms.css";
@import "7_utilities/wordpress.css";
@import "7_utilities/images.css";
@import "7_utilities/decoration.css";
@import "7_utilities/icons.css";

/*/ ////////////////////////////////////////////////////////////////////////////
//	OVERWRITES
//////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 940px) {
    .wp-block-group.alignfull {
        display: grid;
        grid-template-columns: subgrid;
        > * {
            grid-column: 3/6;
        }
        > .alignwide {
            grid-column: 2/5;
        }
        > .alignfull {
            grid-column: 1/-1;
        }
    }
}

/*TEMP*/

.dienstleistungen {
    position: relative;
    margin-bottom: -4rem;
    &::after {
        position: absolute;
        content: "";
        height: var(--l);
        left: 0;
        right: 0;
        bottom: -2rem;

        background: linear-gradient(180deg, var(--color-blue-900) 0%, transparent 100%) !important;
    }
    .wp-block-columns {
        grid-column: 4 / -4;

        gap: 2rem !important;
        sjustify-content: space-between !important;
    }
    .wp-block-column {
        fslex-basis: 20rem !important;
        sflex-grow: 0 !important;
        p {
            margin-bottom: var(--m);
        }
    }
}