[mn="7012"]{  
    --iconWidth: var(--iconWidth_default, 90px);
    --iconHeight: var(--iconHeight_default, 100%);
    --iconRadius: var(--iconRadius_default, 3px);
    --iconBorder: var(--iconBorder_default, 0);
    --iconTitleSize: var(--iconTitleSize_default, 110%);
    --iconTitleClr: var(--iconTitleClr_default, inherit);
    --count: var(--count_default, 4);

    @media (width <= 991px) { 
        --count: var(--count_991, 3); 
    } 

    @media (width <= 767px) { 
        --count: var(--count_767, 3); 
    } 
    
    @media (width <= 575px) { 
        --count: var(--count_575, 2); 
    } 
    
    .listw {
        margin: 0 -15px;
    }

    .list- {
        
        flex: 0 0 calc(100% / var(--countu_default, var(--count)));
        max-width: calc(100% / var(--countu_default, var(--count)));
        padding: 15px; 
 
        .infobx { 
            &:has(template){
                cursor: pointer;
            }
            background-color: transparent; 
            max-width: 100%;
            margin: 0 auto;  
            
            /* aspect-ratio: 3 / 2; */
            transition: .3s all ease;
        } 
        .infobx:hover { 
            /* filter: drop-shadow(0px 0px 35px white); */
        } 
        .bimgw { 
            width: var(--iconWidth); 
            border-radius: var(--iconRadius);
            border: var(--iconBorder);
            position: relative;
            .bimg{
                padding-top: var(--iconHeight);
            }
        }
    }

    .floatingbx{
        color: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 12px 9px 9px;
        width: 100%;
        z-index: 1;

        &:after{
            content: '';
            position: absolute;
            display: block;
            left: 0;
            bottom: -1px;
            width: 100%;
            height: 100%;
            background: rgb(0,0,0);
            background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
            z-index: -1;
        }

        .ttl{
            margin: 0;
            font-size: 120%;
        }
    }

    .title {
        font-family: var(--ft-t1);
        font-size: var(--iconTitleSize);
        color: var(--iconTitleClr);
        margin: 15px 0 0;
        line-height: 1.1;
    }

    ._content {
        margin: 9px auto 0;
        line-height: 1.3;
        width: 500px
        /* font-family: var(--ft-t1); */
    } 
   
}

.licht7012content{
    .title{
        font-family: var(--ft-t1);
        font-size: 120%;
        line-height: 1.1;
        margin: 0 0 9px;
    }
    .iconbx{
        --div: 120px;
        @media(width<575px){
            --div: 80px;
        }
    }
    .contbx > .contbx-w{
        padding: 0;
    }
    .contm{
        width: 700px;
    }
    .btm{
        padding: 30px 30px 60px;
        @media(width<575px){
            padding: 15px 15px 60px;
        }

        .iconbx ~ .iconbx{
            margin: 30px 0 0;
        }

        .icon-l{
            padding-right: 25px;
        }
        .icon-r{
            padding-left: 0;
            padding-bottom: 30px;
            border-bottom: 3px solid var(--clr01);
        }
    }
    ._imgsec{
        & img{
            width: 100%;
        }
    }
}