#banner {
    background: #565148;
    /*   height: 100%;*/
    min-height: 33.33vw;  min-height: calc(70vh - 100px);
    min-height: 560px;
    overflow: hidden;

    color: white;
    position: relative;

    display: flex;
    flex-direction: column;

    position: relative;  }



#banner>.wrapper { flex: 1;
    display: flex;
    flex-direction: column; }

#banner>.wrapper>.textcontent{ margin-top:auto; }

.breadcrumbholder+#banner { top: -1px;}



#banner figure:after {

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.1);
    /*mix-blend-mode: hard-light;*/
}
#banner figure {
    width: calc(100% + 2px); height: calc(100% + 2px);
    position: absolute;
    left: -1px; top: -1px; overflow: hidden;
}

#banner figure picture {
    width: 100%; height: 100%;
    position: absolute;
    left: 0; top: 0;
}


#banner figure picture img {
    width: 100%; height: 100%; object-fit: cover;
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%,-50%);
}

@media all and (max-width: 899px) {

    #banner {


        min-height: 50vw ;
        overflow: hidden;

    }

}
@media all and (max-width: 599px) {
    #banner {

        min-height: 100vw;
        overflow: hidden;

    }


}
#banner header {
    position: relative;}
#banner header * { color: white; }

#banner header::before {
    opacity:0.8; transition:all 0.2s ease;
    content:""; display:block;  bottom:0; left:50%; transform: translateX(-50%); width:150vw; height: calc(150% + 100px); pointer-events: none;
    position:absolute; z-index:-1;
    /*box-sizing: content-box;*/

    background:
            -webkit-linear-gradient(bottom,
            hsl(0, 0%, 0%) 0%,
            hsla(0, 0%, 0%, 0.738) 19%,
            hsla(0, 0%, 0%, 0.541) 34%,
            hsla(0, 0%, 0%, 0.382) 47%,
            hsla(0, 0%, 0%, 0.278) 56.5%,
            hsla(0, 0%, 0%, 0.194) 65%,
            hsla(0, 0%, 0%, 0.126) 73%,
            hsla(0, 0%, 0%, 0.075) 80.2%,
            hsla(0, 0%, 0%, 0.042) 86.1%,
            hsla(0, 0%, 0%, 0.021) 91%,
            hsla(0, 0%, 0%, 0.008) 95.2%,
            hsla(0, 0%, 0%, 0.002) 98.2%,
            hsla(0, 0%, 0%, 0) 100%
            );
    background:
            linear-gradient(bottom,
            hsl(0, 0%, 0%) 0%,
            hsla(0, 0%, 0%, 0.738) 19%,
            hsla(0, 0%, 0%, 0.541) 34%,
            hsla(0, 0%, 0%, 0.382) 47%,
            hsla(0, 0%, 0%, 0.278) 56.5%,
            hsla(0, 0%, 0%, 0.194) 65%,
            hsla(0, 0%, 0%, 0.126) 73%,
            hsla(0, 0%, 0%, 0.075) 80.2%,
            hsla(0, 0%, 0%, 0.042) 86.1%,
            hsla(0, 0%, 0%, 0.021) 91%,
            hsla(0, 0%, 0%, 0.008) 95.2%,
            hsla(0, 0%, 0%, 0.002) 98.2%,
            hsla(0, 0%, 0%, 0) 100%
            );

}


body.single-insights #banner header::before {
    opacity:1; height: calc(150% + 150px);
    background:
            -webkit-linear-gradient(bottom,
            hsl(0, 0%, 100%) 0%,
            hsla(0, 0%, 100%, 0.738) 19%,
            hsla(0, 0%, 100%, 0.541) 34%,
            hsla(0, 0%, 100%, 0.382) 47%,
            hsla(0, 0%, 100%, 0.278) 56.5%,
            hsla(0, 0%, 100%, 0.194) 65%,
            hsla(0, 0%, 100%, 0.126) 73%,
            hsla(0, 0%, 100%, 0.075) 80.2%,
            hsla(0, 0%, 100%, 0.042) 86.1%,
            hsla(0, 0%, 100%, 0.021) 91%,
            hsla(0, 0%, 100%, 0.008) 95.2%,
            hsla(0, 0%, 100%, 0.002) 98.2%,
            hsla(0, 0%, 100%, 0) 100%
            );
    background:
            linear-gradient(bottom,
            hsl(0, 0%, 100%) 0%,
            hsla(0, 0%, 100%, 0.738) 19%,
            hsla(0, 0%, 100%, 0.541) 34%,
            hsla(0, 0%, 100%, 0.382) 47%,
            hsla(0, 0%, 100%, 0.278) 56.5%,
            hsla(0, 0%, 100%, 0.194) 65%,
            hsla(0, 0%, 100%, 0.126) 73%,
            hsla(0, 0%, 100%, 0.075) 80.2%,
            hsla(0, 0%, 100%, 0.042) 86.1%,
            hsla(0, 0%, 100%, 0.021) 91%,
            hsla(0, 0%, 100%, 0.008) 95.2%,
            hsla(0, 0%, 100%, 0.002) 98.2%,
            hsla(0, 0%, 100%, 0) 100%
            );

}

body.single-publications #banner,
body.single-insights #banner { background: #FFF;}
body.single-publications #banner header *,
body.single-insights #banner header * { color: #30312C;}
body.single-publications #banner figure:after ,
body.single-insights #banner figure:after { display: none;}