/*########################### ALLGEMEINE EINSTELLUNGEN ###########################*/

#m3_s1_content{
    display:grid;
    grid-template-columns: 6vw 2fr 1.5fr 6vw;
}

#empty_left{
    grid-column: 1; 
    grid-row:1;
}

#m3_s1_content_left{
    grid-column: 2; 
    grid-row:1;
    display: grid;
    justify-items: stretch;
}
#m3_s1_content_top{
    grid-column: 2 / 4;
    grid-row:1;
    display:grid;
    justify-items: stretch;
}


#empty_right{
    grid-column: 4; 
    grid-row:1;
}

#m3_s1_text{
    margin:0 1fr;width:100%;
}

#div_m3_desc{
    left:2vw!important;
    max-width:75%;
    transform: translateY(-5vw);
}

/* ##############AUSGANGSHÖHE SUBCATEGORIES UND INDIVIDUELLE HÖHE###########*/
/* AUCH ALS 3. PARAMETER(height_closed) IN DER FUNKTION DER PHP DATEI DER HAUPTKATEGORIE ANPASSEN!!!!*/
#ly_m3_s1{height:50vw;}


#img_ly_m3_s1_t {z-index:1;}
#ly_m3_s1       {z-index:2;}
#img_ly_m3_s1_b {z-index:3;}


/* ATTACH FOOTER IMAGE TO BOTTOM*/
#img_ly_m3_s1_b{
    bottom:0vw;
}

/*########################### M3 S1###########################*/
#m3_s1_content{
    transform:translateY(25vw);
    display:grid;
    /* grid-template-columns: 6vw 1fr 6vw !important; */
}

#m3_s1_content_top{
    grid-template-columns: 1fr 1fr ;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap:3vw;
}

#item_m3_s1_text{
    grid-column:2;
    grid-row:1;
    justify-items: left;
    align-self:left;
}

#m3_s1_text{text-align:left;justify-content: start;}


#item_m3_s1_1{grid-column: 1 ; grid-row: 1 / 3 ;}
#item_m3_s1_2{grid-column: 1; grid-row: 3 / 5; justify-self: end;}
#item_m3_s1_3{grid-column: 2; grid-row: 2 / 4; justify-self: end;}


#item_m3_s1_1 img,
#item_m3_s1_2 img,
#item_m3_s1_3 img{
    width:100%;
    height:100%;
    object-fit: cover;
}