.block-producthero { 
    z-index: 3;
    position: relative; 
}
.pherocontainer {
    position:relative;
    width:100%;
    height:80vh; 
    min-height:640px;
    padding:160px 15px 20px;
    background: transparent linear-gradient(138deg, var(--menublue) 0%, var(--blue) 100%) 0% 0% no-repeat padding-box;
}
.pherocontainer img {
    width: auto;
    max-width: unset;
    margin-top: -50px;
    max-height: 66vh;
    height: 100%;
    min-height: 500px;
}
.block-producthero { width:100%; min-height:100%; max-width:unset!important;}
.vhh1 { letter-spacing: -2.4px!important; line-height:.9em!important;}

@media(max-width:1199.96px){
    .vhh1 {line-height:5rem!important;}
    .pherocontainer {
        padding:130px 15px 20px;
    }
}
@media(max-width:991.96px){
    .hero-content {
        width: 100%;
        max-width: 1200px;
        padding: 60px 30px 60px 0px;
        position: absolute;
        left: 15px;
        bottom: 0;
    }
    .pherocontainer {
        padding:120px 15px 20px;
        height:auto;
    }
    .pherocontainer img {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
        max-height: unset;
        height: auto;
        min-height: unset;
    }
}