#content .featured-subtitle {
    font-size: var(--clFontSizeSmallPlus);
}

#content .sub-featured {
    display: inline-block;
    width: 35%;
    vertical-align: top;
    margin-bottom: 7%;
}

#content .sub-featured img {
    width: -webkit-fill-available;
}

#content .subpage .featured {
    height: min(30vw,500px);
    margin-bottom: 3.5%;
}

#content .featured {
    display: grid;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    height: min(min(calc(100vw * 0.33), 600px), calc(100vh * 0.55));
    max-width: 100%;
}

#content .featured-image {
    height: 100%;
    position: absolute;
    top: calc(50%);  /*menusav miatt*/
    transform: translateY( calc(-50% + 35px)) translateX(-50%);
    left: 50%;
    min-width: calc(100% + 5px);    /*1px neha hianyzik...*/
    min-height: 100%;
    object-fit: cover;
}

#content .subpage-widget-container .featured-image {
    top: calc(50%);  /* pl. hir aloldal miatt */
    transform: translateY(-50%) translateX(-50%);
}

#content .featured-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    /*max-width: 1920px;*/
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    position: absolute;
    background: rgb(0,0,0);
    /*background: radial-gradient(circle, rgba(0,0,0,0.10688025210084029) 0%, rgba(0,0,0,0.577468487394958) 100%);*/
    background: radial-gradient(circle, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.4) 100%);
    z-index: 2;
    color: white;
    padding: calc(70px + 1%) 5% 0 10%;
}

#content .subpage-widget-container .featured-text {
    padding-top: 0;
}

#content .featured-text.invert {
    color: var(--clColorBlack);
}

#content .featured-stripe {
    display: none;
}

#content .featured-text h1, #content .featured-text .featured-subtitle {
    position: relative;
    text-align: left;
    margin-top: 0;
}

#content .featured-text .featured-subtitle {
    margin-top: 1.5%;
    margin-bottom: 0;
}

#content .featured-subtitle {
    letter-spacing: 0.4px; 
}

#content.product .featured-text {
    flex-direction: column-reverse;
}

#content.product .featured h1 {
    font-size: var(--clFontSizeLarge);
    margin-bottom: 0;
}

#content.product .featured-text .featured-subtitle {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    #content .featured-subtitle {
        letter-spacing: 0.3vw;
    }
}

@media only screen and (max-width: 900px) {
    #content>.featured {
        height: 50vw;
    }
    
    #content .subpage .featured {
        height: 50vw;
    }

    #infoblockwithimage {
        flex-direction: column;
    }

    #content .featured-text {
        text-align: center;
        padding-left: 15%;
        padding-right: 15%;
    }

    #content .featured-text h1, #content .featured-text .featured-subtitle {
        text-align: center;
        margin: revert;
    }    
}

@media only screen and (max-width: 800px) {
    #content .sub-featured {
        width: 100%;
    }
      
    #content>.featured {
        height: 70vw;
    }
}

@media only screen and (max-width: 600px) {
    #content .subpage .featured {
        margin-top: 0;
        margin-bottom: 40px;
        height: max(70vw,280px);
    }
    
    .subpage-widget-container .featured .left svg {
        height: max(75vw,300px);
    }

    #content>.featured {
        height: max(90vw, 250px);
    }
}

@media only screen and (max-width: 500px) {}

@media only screen and (max-width: 300px) {}