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

#m1_s1_content,
#m1_s2_content,
#m1_s3_content,
#m1_s4_content,
#m1_s5_content,
#m1_s6_content{
    display:grid;
    grid-template-columns: 6vw 2fr 1.5fr 6vw;
}

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


#m1_s1_content_top,
#m1_s2_content_top,
#m1_s3_content_top,
#m1_s4_content_top,
#m1_s5_content_top,
#m1_s6_content_top{
    grid-column: 2 / 4;
    grid-row:1;
    display:grid;
    justify-items: stretch;
}


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

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

#div_m1_desc{
    left:2vw!important;
    max-width:75%;
}

/* ##############AUSGANGSHÖHE SUBCATEGORIES UND INDIVIDUELLE HÖHE###########*/
/* AUCH ALS 3. PARAMETER(height_closed) IN DER FUNKTION DER PHP DATEI DER HAUPTKATEGORIE ANPASSEN!!!!*/
#ly_m1_s1{height:45vw;}
#ly_m1_s2{height:18vw; margin-top:0vw;}
#ly_m1_s3{height:18vw; margin-top:0vw;}
#ly_m1_s4{height:30vw; margin-top:-1vw;}
#ly_m1_s5{height:22vw; margin-top:-1vw;}
#ly_m1_s6{height:36vw; margin-top:-1vw;}

#img_ly_m1_s1_t {z-index:1;}
#ly_m1_s1       {z-index:2;}
#img_ly_m1_s1_b {z-index:3;}
#ly_m1_s2       {z-index:4;}
#img_ly_m1_s2   {z-index:5;}
#ly_m1_s3       {z-index:6;}
#img_ly_m1_s3   {z-index:7;}
#ly_m1_s4       {z-index:8;}
#img_ly_m1_s4   {z-index:9;}
#ly_m1_s5       {z-index:10;}
#img_ly_m1_s5   {z-index:11;}
#ly_m1_s6       {z-index:12;}
#img_ly_m1_s6   {z-index:13;}


/* ATTACH FOOTER IMAGE TO BOTTOM*/
#img_ly_m1_s1_b,
#img_ly_m1_s2,
#img_ly_m1_s3,
#img_ly_m1_s4,
#img_ly_m1_s5,
#img_ly_m1_s6{
    bottom:0vw;
}

/*########################### M1 S1###########################*/
#m1_s1_content{
    transform:translateY(10vw);
    display:grid;
    gap:0px;
}

#m1_s1_content_top{
    grid-template-columns: 0.25fr 0.5fr 1fr 0.8fr ;
    grid-template-rows: auto auto auto auto auto ;
    gap:3vw;
}

#item_m1_s1_text{
    grid-column:2 / 4;
    grid-row:2;
    justify-items: right;
    align-self:center;

}

#m1_s1_text{
    text-align:left;
    justify-content: end; 
    align-self:center;
}



#item_m1_s1_1{grid-column:1 / 3; grid-row:3 / 5;}
#item_m1_s1_2{grid-column:3; grid-row:3 / 5;}
#item_m1_s1_3{grid-column:4; grid-row:1 / 4;}
#item_m1_s1_4{grid-column:4 ; grid-row:4 / 6 ;}


#item_m1_s1_1 img,
#item_m1_s1_2 img,
#item_m1_s1_3 img,
#item_m1_s1_4 img{
    max-height: 100%; 
    width: auto; 
    max-width: 100%;
   /*  object-fit: cover; */
}


/*########################### M1 S2###########################*/
#m1_s2_content{
    transform:translateY(0vw);
    display:grid;
    gap:0px;
}

#m1_s2_content_top{
    grid-template-columns: 0.33fr 0.33fr 0.66fr;
    grid-template-rows: auto auto auto auto;
    gap:3vw;
}

#item_m1_s2_text{
    grid-column:3;
    grid-row:2 / 4;
    justify-items: left;
    align-self:left;
}

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


#item_m1_s2_1{grid-column: 1 / 3 ; grid-row: 1 / 3 ;}
#item_m1_s2_2{grid-column: 1 / 3; grid-row: 4;}
#item_m1_s2_3{grid-column: 2; grid-row: 3;}
#item_m1_s2_4{grid-column: 1; grid-row: 3;}


#item_m1_s2_1,
#item_m1_s2_2,
#item_m1_s2_3,
#item_m1_s2_4{
    align-self: stretch;
   
}


#item_m1_s2_1 img,
#item_m1_s2_2 img,
#item_m1_s2_3 img,
#item_m1_s2_4 img{
    object-fit: cover;
    height: 100%; 
    max-width: 100%; 
    /* object-fit: cover; */
/*     width:10vw;
    height:auto; */
}


/*########################### M1 S3###########################*/
#m1_s3_content{
    transform:translateY(0vw);
    display:grid;
    gap:0px;
}

#m1_s3_content_top{
    grid-template-columns: 2fr 1fr ;
    grid-template-rows: auto auto;
    gap:3vw;
}

#item_m1_s3_text{
    grid-column:1;
    grid-row:1 / 3;
    justify-items: right;
    align-self:center;
}

#m1_s3_text{text-align:center;justify-content: end;}


#item_m1_s3_1{grid-column: 2; grid-row: 1 ;}
#item_m1_s3_2{grid-column: 2; grid-row: 2;}


#item_m1_s3_1,
#item_m1_s3_2{
    align-self: stretch;  
}


#item_m1_s3_1 img,
#item_m1_s3_2 img{
    object-fit: cover;
    height: 100%; 
    max-width: 100%; 
    /* object-fit: cover; */
/*     width:10vw;
    height:auto; */
}



/*########################### M1 S4###########################*/
#m1_s4_content{
    transform:translateY(0vw);
    display:grid;
    gap:0px;
}

#m1_s4_content_top{
    grid-template-columns: 1.2fr 1fr 1fr ;
    grid-template-rows: auto auto auto auto;
    gap:3vw;
}

#item_m1_s4_text{
    grid-column:2 / 4;
    grid-row:1 / 4;
    justify-items: left;
    align-self:center;
}

#m1_s4_text{text-align:center;justify-content: start;}


#item_m1_s4_1{grid-column: 1; grid-row: 1 / 3 ;}
#item_m1_s4_2{grid-column: 1; grid-row: 3 / 5;}
#item_m1_s4_3{grid-column: 2; grid-row: 4;}
#item_m1_s4_4{grid-column: 3; grid-row: 4;}



#item_m1_s4_1,
#item_m1_s4_2,
#item_m1_s4_3,
#item_m1_s4_4{
    align-self: stretch;  
}


#item_m1_s4_1 img,
#item_m1_s4_2 img,
#item_m1_s4_3 img,
#item_m1_s4_4 img{
    object-fit: cover;
    height: 100%; 
    max-width: 100%; 
    /* object-fit: cover; */
/*     width:10vw;
    height:auto; */
}


/*########################### M1 S5###########################*/
#m1_s5_content{
    transform:translateY(0vw);
    display:grid;
    gap:0px;
}

#m1_s5_content_top{
    grid-template-columns: 0.75fr 0.1fr 0.5fr;
    /* grid-template-rows: 0.25fr 0.24fr 0.25fr 0.25fr 0.25fr 0.25fr; */
    grid-template-rows: auto auto auto auto auto auto;
    gap:3vw;
}

#item_m1_s5_text{
    grid-column:1 / 3;
    grid-row:2;
    justify-items: right;
    align-self:end;
}

#m1_s5_text{text-align:center;justify-content: end;}


#item_m1_s5_1{grid-column: 2 / 4; grid-row: 3 ;}
#item_m1_s5_2{grid-column: 2 / 4; grid-row: 4;}
#item_m1_s5_3{grid-column: 2 / 4; grid-row: 5 / 7;}
#item_m1_s5_4{grid-column: 3 / 4; grid-row: 1 / 3;}
#item_m1_s5_5{grid-column: 1; grid-row: 3 / 6;}



#item_m1_s5_1,
#item_m1_s5_2,
#item_m1_s5_3,
#item_m1_s5_4,
#item_m1_s5_5{
    align-self: stretch;  
}


#item_m1_s5_1 img,
#item_m1_s5_2 img,
#item_m1_s5_3 img,
#item_m1_s5_4 img,
#item_m1_s5_5 img{
    object-fit: cover;
    height: 100%; 
    max-width: 100%; 
    /* object-fit: cover; */
/*     width:10vw;
    height:auto; */
}


/*########################### M1 S6###########################*/
#m1_s6_content{
    transform:translateY(0vw);
    display:grid;
    gap:0px;
}

#m1_s6_content_top{
    grid-template-columns: 0.5fr 0.25fr 0.25fr ;
    grid-template-rows: auto auto 1fr auto;
    gap:3vw;
}

#item_m1_s6_text{
    grid-column:2 / 4;
    grid-row:2 / 4;
    justify-items: left;
    align-self:center;
}

#m1_s6_text{text-align:center;justify-content: start;}


#item_m1_s6_1{grid-column: 1; grid-row: 1 / 3 ;}
#item_m1_s6_2{grid-column: 1; grid-row: 3 / 5;}
#item_m1_s6_3{grid-column: 2; grid-row: 4;}
#item_m1_s6_4{grid-column: 3; grid-row: 4;}



#item_m1_s6_1,
#item_m1_s6_2,
#item_m1_s6_3,
#item_m1_s6_4{
    align-self: stretch;  
}


#item_m1_s6_1 img,
#item_m1_s6_2 img,
#item_m1_s6_3 img,
#item_m1_s6_4 img{
    object-fit: cover;
    height: 100%; 
    max-width: 100%; 
    /* object-fit: cover; */
/*     width:10vw;
    height:auto; */
}