* {
    box-sizing: border-box;
}

.wp-site-blocks {
    padding-bottom:0;
}

footer .wp-block-group {
    border-top-width: 6px;
    border-top-style: solid;
    border-image: linear-gradient(to right, var(--wp--preset--color--blue-sea), var(--wp--preset--color--green-grass)) 1;
}

    footer p {
        color: var(--wp--preset--color--white);
    }

    footer .socialicons.is-layout-flow figure {
        margin-block-start: 0 !important;
    }

    footer .wp-block-column {
        word-break: normal;
    }

section {
    margin-top: 70px;
    margin-bottom: 70px;
}

/* WPForms Button */
.wpforms-form button[type=submit] {
    background-color: #00263A !important;
    border-color: #00263A !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}

.wpforms-form button[type=submit]:hover {
    background-color: #97d700 !important;
    color: #00263A !important;
}

/* Navigation */
.mhMainNavi.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: var(--wp--preset--color--deep-blue-sea);
}

.mhMainNavi .wp-block-navigation-item__content {
    text-transform: uppercase;
    padding-bottom:10px;
}

     .mhMainNavi .has-child > .wp-block-navigation-item__content:after {
        font-family:'dashicons';
        content: "\f347";
        font-size: 1em;
        text-decoration: none!important;
        font-weight:200;
        position:relative;
        top:4px;
    }

    .mhMainNavi .wp-block-navigation__submenu-container, .mhMainNavi .has-child .wp-block-navigation__submenu-container {
        right:auto;
        left:50%;
        transform: translate(-50%, 0);
    }

        .mhMainNavi .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
            font-size: var(--wp--preset--font-size--small);
            padding-bottom:5px;
            padding-top:5px;
        }

            .mhMainNavi.wp-block-navigation .current-menu-item .wp-block-navigation-item__content, .mhMainNavi.wp-block-navigation .wp-block-navigation-item__content.current-menu-ancestor, .mhMainNavi.wp-block-navigation .wp-block-navigation-item__content:hover {
                color: var(--wp--preset--color--blue-sea);
            }

                .wp-block-navigation__submenu-icon {
                    display:none!important;
                }

.wp-block-lazyblock-mh-divider {
    text-align: center;
    margin: 0 auto;
}

/* Language Switcher */
.switchwrap {
    position:absolute;
    transform: translateX(-50%);
    left:50%;
    display:none;
    text-align: left;
    z-index:30;
}

    .switchwrap ul {
        margin: 0;
        padding: 0;
    }

    .switchwrap a {
        white-space: nowrap;
    }

.loginAndLangSwitchBlock {
    padding-bottom: 10px;
    padding-left:40px;
    text-align: right;
}

    .loginAndLangSwitchBlock a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: var(--wp--preset--font-size--medium);
        color: var(--wp--preset--color--deep-blue-sea);
    }

        .loginAndLangSwitchBlock span, .loginAndLangSwitchBlock img {
            display: inline;
        }

    body .mhglobe {
        display:inline-block;
        position:relative;
        top: 3px;
        margin-left:40px;
        margin-block-start: 0;
        cursor: pointer;
    }

    .mhglobe:hover .switchwrap, .switchwrap.is-active {
        display:block;
        word-break: keep-all;
        overflow-wrap: inherit;
    }

    .switchwrap .wpml-ls-legacy-list-vertical a {
        line-height:0.5;
    }

/* Video overlay */
.wp-block-image.video {
    position:relative;
}

    .wp-block-image.video img {
        position:relative;
        z-index:5;
    }

    .wp-block-image.video a:after {
        content: url(../assets/MH_video_hover.svg);
        width: 100%;
        height: 100%;
        position:absolute;
        left:0px;
        top:0px;
        z-index:10
    }

/* Filter Resources, News */
.wpc-checkbox-item input {
    display:none;
}

    .wpc-checkbox-item .wpc-checkbox-item input {
        display: initial;
    }

        .wpc-filters-main-wrap ul.children {
            margin-left:0!important;
            padding-left:20px;
        }

.wpc-term-item-content-wrapper {
    border-bottom:1px solid var(--wp--preset--color--grey-days);
}

.wpc-term-item-content-wrapper {
    margin-top: 20px;
}

    .wpc-filters-main-wrap ul.children .wpc-term-item-content-wrapper {
        border: none;
        margin-top: 0;
    }

    .wpc-toggle-children-list {
        display:none;
    }

.wpc-search-field {
    line-height:1.8rem;
    border-color: var(--wp--preset--color--grey-days);
    border-style: solid;
    font-size: 1rem;
}

.wpc-filter-title {
    margin-bottom:0!important;
}

.wpc-filters-ul-list {
    padding:0!important;
}

.wpc-term-item .children {
    display:block!important;
}

.mh-filter-result h4 {
    margin:0;
    font-size: 1.5rem;
}

.project-tiles {
    list-style-type: none;
}

    .project-tiles li {
        margin-bottom:40px;
    }

        .project-tiles .subline {
            color: var(--wp--preset--color--grey-days);
        }

/* Zusaetzliche CSS Klassen fuer bessere Optik */
.buttons_bar_no_margin section.mh-buttons-bar {
    margin-top: 30px;
    margin-bottom: 0;
}

.buttons_bar_white section.mh-buttons-bar a {
    color: #ffffff;
}

.nomargin {
    margin-top: 0;
    margin-bottom: 0;
}

.nolinebreak .mh-buttons-bar {
    text-align: left;
}

    .nolinebreak .mh-buttons-bar .mh-buttons-item {
        max-width: none;
        text-align: left;
    }

.wp-block-column.is-vertically-aligned-stretch {
    align-content: center;
}

.wp-embed-responsive footer .wp-block-group {
    padding-left: 10px !important;
    padding-right:10px !important;
}

footer .wp-block-navigation .wp-block-navigation-item__label {
    white-space: nowrap;
}

/* Responsiveness */

.mh-mobile {
    display:none;
}

@media (max-width: 1395px) {

    .mh-hero-content-block-1 span.block-1-wrap {
        padding:10px 10px 20px 10px !important;
    }

    .mh-hero-content-block-2 {
        display:none;
    }

    .mh-hero-content-block-2.mh-mobile {
        display:block;
        width:100%;
        height:auto;
        padding:30px 10px 30px 10px;
        background-color: var(--wp--preset--color--grey-light) !important;
        color: var(--wp--preset--color--black);
    }

        .mh-hero-content-block-2.mh-mobile span {
            position:relative;
            bottom: auto;
            padding: 0;
            color: var(--wp--preset--color--black);
        }

        .mh-hero-content-block-2.mh-mobile span p {
            padding:0;
            margin:0;
            color: var(--wp--preset--color--black);
        }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mh60 {
        flex-basis: 60% !important;
        width:60% !important;
        max-width:60%;
        padding:0;
    }

    .wp-block-column:has(.wp-block-site-logo) {
        flex-basis:100% !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        gap: 10px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        padding-top:7px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container li {
        padding-top:4px;
        padding-bottom:4px;
    }

    .mhMainNavi.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
        color: var(--wp--preset--color--deep-blue-sea);
    }

    .mhMainNavi .wp-block-navigation__submenu-container, .mhMainNavi .has-child .wp-block-navigation__submenu-container {
        transform:none;
    }
}

@media (max-width: 781px) {

    /* mobile Navi */
    .is-responsive.mhMainNavi .wp-block-navigation__submenu-container {
        transform: none;
    }

    .wp-block-site-logo {
        text-align: center;
    }

    .wp-block-site-logo img {
        width:320px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        gap: 10px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        padding-top:7px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container li {
        padding-top:4px;
        padding-bottom:4px;
    }

    .wp-site-blocks {
        padding-top:0;
    }

    header {
        padding-top:20px;
        padding-bottom:20px;
    }

        header .is-layout-flex {
            gap: 20px;
            justify-content: space-between;
        }

    .wp-block-group.mhheader {
        margin-block-start: 0!important;
        margin-block-end: 0!important;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mh30 {
        flex-basis: 30% !important;
        width:30% !important;
        max-width:30%;
        padding:0;
    }

    /*

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mh60 {
        flex-basis: 60% !important;
        width:60% !important;
        max-width:60%;
        padding:0;
    }

    */

    .wp-block-columns.has-background.is-layout-flex {
        padding:20px 0 20px 0 !important;
    }

    h1 {
        font-size: 2.2rem;
    }

    h2 {
        font-size: 2.0rem;
    }

    .wp-embed-responsive .wp-block-column.is-layout-flow {
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

        .wp-embed-responsive .wp-block-column.has-white-background-color.is-layout-flow, .wp-embed-responsive .wp-block-column.has-grey-light-background-color.is-layout-flow, .wp-embed-responsive .wp-block-columns.has-grey-light-background-color.is-layout-flex {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }

    .wp-embed-responsive footer .wp-block-group {
        padding-left: 10px !important;
        padding-right:10px !important;
    }

    main.wp-block-group {
        margin-block-start: 0!important;
    }

    /*

    .mh-hero-content-block-1 span.block-1-wrap {
        padding:10px 10px 20px 10px !important;
    }

    .mh-hero-content-block-2 {
        display:none;
    }

    .mh-hero-content-block-2.mh-mobile {
        display:block;
        width:100%;
        height:auto;
        padding:30px 10px 30px 10px;
        background-color: var(--wp--preset--color--grey-light) !important;
        color: var(--wp--preset--color--black);
    }

        .mh-hero-content-block-2.mh-mobile span {
            position:relative;
            bottom: auto;
            padding: 0;
            color: var(--wp--preset--color--black);
        }

        .mh-hero-content-block-2.mh-mobile span p {
            padding:0;
            margin:0;
            color: var(--wp--preset--color--black);
        }

    */

    .wp-block-spacer {
        height:40px!important;
    }

    .mh-buttons-bar {
        flex-direction: column;
        gap:30px !important;
        /*
        margin-top:40px;
        margin-bottom:40px;
        */
        margin-top:20px;
        margin-bottom:20px;
    }

    .mh-hero-content a.tileButton:first-child {
        margin-right:20px !important;
    }

    .postListing {
        grid-template-columns: repeat(1, 1fr) !important;
    }

        .wp-block-lazyblock-mh-news-posts .postListing {
            grid-template-columns: repeat(2, 1fr) !important;
        }

    .project-tiles {
        padding-inline-start: 0 !important;
    }

    .schaubild h4 {
        font-size: 22px;
    }

    .schaubild .is-layout-flex {
        gap: 1rem;
    }

    .schaubild figure:not(.pfeil) img {
        width: 100px !important;
        height: auto !important;
    }

    .schaubild figure {
        text-align:center;
    }

    .schaubild .wp-block-columns.doublepic:not(.is-not-stacked-on-mobile)>.wp-block-column, footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: unset!important;
    }

    .home .dmSingleTile {
        margin-right:10px;
        margin-left:10px;
    }

}

/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1400px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

@media (max-width: 450px) {
    .wp-block-site-logo img {
        width:450px;
    }

    .hovereffect .dmTileContent {
        position:relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        top: auto !important;
        webkit-box-shadow:  none !important;
        -moz-box-shadow:  none !important;
        box-shadow: none !important;
    }

    .dmSingleTile.hovereffect .heading {
        font-size:19px !important;
    }

    .hovereffect .dmTileContent .heading {
        display:none;
    }

    .mh-hero-content a.tileButton:first-child {
        margin-right:0 !important;
    }

    .mh-hero-content a.tileButton {
        display:block;
        width:100%;
    }

        .mh-hero-content a.tileButton span {
            font-size:18px !important;
        }

    .wp-block-lazyblock-mh-news-posts .postListing {
        grid-template-columns: repeat(1, 1fr) !important;
    }

}
