/*Hero, siehe auch in elements, wegen Unterseiten*/
.hero-wrap{
    transition: none;
    min-height: var(--vHeight);
    background: var(--backgroundHeader);
    padding: 80px 0 60px;
    height:100%;
    display: flex;
    }
.home .hero-wrap{
    height:var(--vHeight);
}

    .hero-wrap > div{
        display: flex;
        flex-direction: column;
        /* height: inherit; */
        max-width: 866px !important;
        justify-content: space-around;
        }

        /*Projekte & News*/
        .hero-wrap .projekte-news-link{
            text-transform: uppercase;
            font-size:var(--headline-5);
            flex-direction: column;
            align-items: center;
            margin-bottom:0;
            letter-spacing: var(--letterspacingversalien);
            }
        .mb-subpage .hero-wrap .projekte-news-link{
            height: 100%;
            display:flex;
            justify-content: flex-end;
            }
            .hero-wrap .projekte-news-link a{
                color:var(--mainFontColor) !important;
            }
            .hero-wrap .projekte-news-link:before{
                content: "\F128";
                font-family: var(--fontBootstrap);
                font-size: 28px;
                margin-bottom: 15px;
                height: 22px;
                display: block;
            }

        /*Text*/
        .hero-wrap h1{
            display: block;
            padding-top: 0;
        }
        .design-und-kommunikation .hero-wrap h1{
            margin-bottom:15px;
        }
        .mb-subpage .hero-wrap h2{
            font-size: 24px;
            text-transform: uppercase;
            margin-bottom: 50px;
            letter-spacing: var(--letterspacingversalien);
            }
            
        /*Unterseite*/
        h1.main-title.mb-hide_title{
            display: none;
        }
            


/*Akkordeon*/
/*
body.architektur .mbgi-block.mbgi-block-akkordeon .akkordeon-wrap{
    padding: 0;
    }
    body.architektur .mbgi-block.mbgi-block-akkordeon .akkordeon-wrap > p{
        padding: 10px 20px;
    }
    body.architektur .mbgi-block.mbgi-block-akkordeon .akkordeon-wrap .wp-block-modulbuero-akkordeon{
        padding: 10px 20px;
        background-color: var(--brigthBlue);
    }
*/

body .mbgi-block.mbgi-block-akkordeon{
    --AkkordeonBG: transparent;
    margin-left: 0px;
    margin-bottom: 0 !important;
    }
    body .mbgi-block.mbgi-block-akkordeon .akkordeon-wrap{
        border: none;
        padding: 0;
        }
        body .mbgi-block-akkordeon .akkordeon-wrap > p{
            border-radius: 5px;
            padding:15px 20px;
            padding-left:0;
            }
            body .mbgi-block-akkordeon.mbgi-block .akkordeon-wrap > p strong{
                font-family: var(--fontFamilySemiBold);
                font-size: 26px;
                padding:0;
            }
        body .mbgi-block-akkordeon .akkordeon-wrap > p:after{
            content: "\F4FE";
            opacity: 0;
            font-size: 50px;
        }
        body .mbgi-block-akkordeon .akkordeon-wrap > p.active:after{
            content: "\F2EA";
            font-size: 50px;
        }
        body .mbgi-block-akkordeon div.akkordeon-wrap > div.wp-block-modulbuero-akkordeon{
            padding:20px;
        }
        body .mbgi-block-akkordeon .akkordeon-wrap > div{
            transition: none;
        }
        /*Hover*/
        body .mbgi-block-akkordeon:hover .akkordeon-wrap > p{
            background-color: var(--blaeulich);
            padding-left: 20px;
            }
        body.architektur .mbgi-block-akkordeon:hover .akkordeon-wrap > p{
            background-color: white;
        }    
        body.design .mbgi-block-akkordeon:hover .akkordeon-wrap > p,
        body.design-und-kommunikation .mbgi-block-akkordeon:hover .akkordeon-wrap > p{
            background-color: var(--neonGreen);
        }    
            body .mbgi-block-akkordeon:hover .akkordeon-wrap > p strong{
                color:var(--darkBlue);
            }
            body .mbgi-block-akkordeon:hover .akkordeon-wrap > p:after{
                opacity: 1;
                color:var(--darkBlue);
            }