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

#m2_s1_content,#m2_s2_content,#m2_s3_content{
    display:grid;
    grid-template-columns: 6vw auto 6vw;
    grid-template-rows: 1fr auto;
}

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

#m2_s1_content_top,#m2_s2_content_top,#m2_s3_content_top{
    grid-column: 2;
    grid-row:1;
    display:grid;
}

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

#m2_s1_text,
#m2_s2_text,
#m2_s3_text{
    margin:0 1fr;width:100%;
}

#div_m2_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_m2_s1{height:45vw;}
#ly_m2_s2{height:30vw; margin-top:0vw;}
#ly_m2_s3{height:24vw; margin-top:0vw;}

#img_ly_m2_s1_t {z-index:1;}
#ly_m2_s1       {z-index:2;}
#img_ly_m2_s1_b {z-index:3;}
#ly_m2_s2       {z-index:4;}
#img_ly_m2_s2   {z-index:5;}
#ly_m2_s3       {z-index:6;}
#img_ly_m2_s3   {z-index:7;}


/* ATTACH FOOTER IMAGE TO BOTTOM*/
#img_ly_m2_s1_b,
#img_ly_m2_s2,
#img_ly_m2_s3{
    bottom:0vw;
}

/*########################### M2 S1###########################*/

#m2_s1_content{
    transform:translateY(15vw);
    display:grid;
    gap:0;
}

#m2_s1_content_top{
    grid-template-columns: 1fr 1fr 0.10fr 1.3fr;
    grid-template-rows: 1fr auto 0.12fr 1fr 1fr;
    gap:3vw;
}

#m2_s1_text{
    text-align:right;
}

#item_m2_s1_text{
    grid-column:1 / 3;
}

#item_m2_s1_1{grid-column: 3 / 5; grid-row: 1 ; align-self:end;}
#item_m2_s1_2{grid-column: 1; grid-row: 2 / 5; align-self: cover;}
#item_m2_s1_3{grid-column: 2 / 4; grid-row: 2; align-self: top;}
#item_m2_s1_4{grid-column: 4; grid-row: 2 / 4;align-self:cover;}
#item_m2_s1_5{grid-column: 2 / 4; grid-row: 3 / 5; align-self:top;}
#item_m2_s1_6{grid-column: 4; grid-row: 4 / 6;}

#item_m2_s1_1 img,
#item_m2_s1_2 img,
#item_m2_s1_3 img,
#item_m2_s1_4 img,
#item_m2_s1_5 img,
#item_m2_s1_6 img{
    max-height: 100%; 
    width: auto; 
    max-width: 100%;
    object-fit: cover;
}
#item_m2_s1_2 img,
#item_m2_s1_4 img{
    align-self:cover;
}


/*########################### M2 S2###########################*/
#m2_s2_content{
    display:grid;
    gap:0;
}

#m2_s2_content_top{
    grid-template-columns: 1fr 1fr 1.06fr 1.1fr;
    grid-template-rows: 1fr 1fr 0.25fr;
    gap:3vw;
    background-color:white;
}

#item_m2_s2_text{
    grid-column:3 /5;
    grid-row:1 / 3;
    align-items:center;
    justify-items: left;
}

#item_m2_s2_1{grid-column: 1 / 3; grid-row: 1;}
#item_m2_s2_2{grid-column: 1 / 3; grid-row: 2;}

#item_m2_s2_3{grid-column: 1; grid-row: 3;}
#item_m2_s2_4{grid-column: 2; grid-row: 3;}
#item_m2_s2_5{grid-column: 3; grid-row: 3;}
#item_m2_s2_6{grid-column: 4; grid-row: 3;}

#item_m2_s2_1 img,
#item_m2_s2_2 img,
#item_m2_s2_3 img,
#item_m2_s2_4 img,
#item_m2_s2_5 img,
#item_m2_s2_6 img
{
    max-height: 100%; 
    width: auto; 
    max-width: 100%;
    object-fit: cover;
}

/*########################### M2 S3###########################*/
#m2_s3_content{
    transform:translateY(1vw);
}

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

#item_m2_s3_text{
    grid-column:1 / 3;
    grid-row:1;
    justify-items: right;
}

#item_m2_s3_1{grid-column: 3 / 5; grid-row: 1;}
#item_m2_s3_2{grid-column: 1; grid-row: 2;}
#item_m2_s3_3{grid-column: 2 / 4; grid-row: 2;}
#item_m2_s3_4{grid-column: 4; grid-row: 2;}

#item_m2_s3_1 img,
#item_m2_s3_2 img,
#item_m2_s3_3 img,
#item_m2_s3_4 img{
    width:100%;
    height:100%;
    object-fit: cover;
}