#service_description   {
    font-family: Helvetica;     
    font-size: 80px;
    line-height: 115%;
    color: black;
    padding: 50px 0px;
    /* background-color: var(--secondary-color); */
    position: relative;
    justify-content: center;
    align-items: center;
}   

/*
#service_div      {
    border: 4px solid black;
}
*/

#service_div img     {
    object-fit: cover;
    pointer-events: none;
    max-width: 90%;
    /* border: 4px solid black; */
    z-index:1000;
}


.grid_container { 
    margin: 60px auto;
    width:1920px;
    max-width: 90%;
   
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
   
    gap: 80px;
    grid-template-areas: 
    "item_unterhalt item_unterhalt item_unterhalt item_unterhalt_img"
    "item_glas_img item_glas item_glas item_glas"
    "item_bau item_bau item_bau item_bau_img"
    "item_fassade_img item_fassade item_fassade item_fassade"
    "item_industrie item_industrie item_industrie item_industrie_img"
    "item_teppich_img item_teppich item_teppich item_teppich"
    "item_buero item_buero item_buero item_buero_img"
    "item_winter_img item_winter item_winter item_winter"
    "item_schad item_schad item_schad item_schad_img"
    "item_speziell_img item_speziell item_speziell item_speziell"
    "item_speziell1 item_speziell1 item_speziell2 item_speziell2"
    "item_speziell3 item_speziell4 item_speziell5 item_speziell6"; 
}   

.grid_item_icon {
    /* background-color: var(--light-secondary-color); */
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
    gap: 20px;
    /* font-size: 50px; */
    color: rgb(231, 87, 3);  
}   

.grid_item_text {
    background-color: var(--light-secondary-color);
    text-align: left;
    padding: 20px;
    gap: 20px;
    /*    font-size: 18px; */
}   

.grid_item_icon img {
    height: 100px;
    width: 100px;

    max-height: 80vw;
    max-width: 80vw;
    
    overflow: hidden;
    border-radius: 50%;
    border: 10px solid var(--main-brand-color);
    /* border: 10px solid rgb(231, 87, 3) */
    
}   

#item_unterhalt {
    grid-area: item_unterhalt;
}   
#item_unterhalt_img {
    grid-area: item_unterhalt_img;
}   

#item_glas {
    grid-area: item_glas;
}   
#item_glas_img {
    grid-area: item_glas_img;
}   

#item_bau {
    grid-area: item_bau;
}   
#item_bau_img {
    grid-area: item_bau_img;
}   

#item_fassade {
    grid-area: item_fassade;
}   
#item_fassade_img {
    grid-area: item_fassade_img;
}   

#item_industrie {
    grid-area: item_industrie;
}   
#item_industrie_img {
    grid-area: item_industrie_img;
}   

#item_teppich {
    grid-area: item_teppich;
}   
#item_teppich_img {
    grid-area: item_teppich_img;
}   

#item_buero {
    grid-area: item_buero;
}   
#item_buero_img {
    grid-area: item_buero_img;
}   

#item_winter {
    grid-area: item_winter;
}   
#item_winter_img {
    grid-area: item_winter_img;
}   

#item_schad {
    grid-area: item_schad;
}   
#item_schad_img {
    grid-area: item_schad_img;
}   

#item_speziell {
    grid-area: item_speziell;
}   
#item_speziell_img {
    grid-area: item_speziell_img;
}   

#item_speziell1 {
    grid-area: item_speziell1;
}   
#item_speziell2 {
    grid-area: item_speziell2;
}   
#item_speziell3 {
    grid-area: item_speziell3;
}   
#item_speziell4 {
    grid-area: item_speziell4;
}   
#item_speziell5 {
    grid-area: item_speziell5;
}   
#item_speziell6 {
    grid-area: item_speziell6;
}   


@media (max-width: 1650px) {

    .grid_container { 
        margin: 60px auto;
        width:1920px;
        max-width: 90%;
   
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
   
        gap: 30px;
        grid-template-areas: 
        "item_unterhalt item_unterhalt_img"
        "item_glas_img item_glas"
        "item_bau item_bau_img"
        "item_fassade_img item_fassade"
        "item_industrie item_industrie_img"
        "item_teppich_img item_teppich"
        "item_buero item_buero_img"
        "item_winter_img item_winter"
        "item_schad item_schad_img"
        "item_speziell_img item_speziell"
        "item_speziell1 item_speziell1" 
        "item_speziell2 item_speziell2"
        "item_speziell3 item_speziell3"
        "item_speziell4 item_speziell4"
        "item_speziell5 item_speziell5" 
        "item_speziell6 item_speziell6"; 
    }   

}   

@media (max-width: 950px) {
    .grid_container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        gap: 30px;
        grid-template-areas: 
        "item_unterhalt_img" "item_unterhalt"
        "item_glas_img" "item_glas"
        "item_bau_img"  "item_bau"
        "item_fassade_img"  "item_fassade"
        "item_industrie_img"  "item_industrie"
        "item_teppich_img"  "item_teppich"
        "item_buero_img"  "item_buero"
        "item_winter_img"  "item_winter"
        "item_schad_img"  "item_schad"
        "item_speziell_img"  "item_speziell"
        "item_speziell1" "item_speziell2" "item_speziell3" "item_speziell4" "item_speziell5" "item_speziell6";
    }   


    h1 {
        font-size: 6vw;
        text-align: center;
    }   
    h2 {
        font-size: 5vw;
        text-align: center;
    }   
    h3 {
        font-size: 4vw;
        text-align: center;
    }  
    h4 {
        font-size: 3vw;
        text-align: center;
    }  

    h5 {
        font-size: 2vw;
        text-align: center;
    }  

    p {
        font-size: 2vw;
        text-align: left;
    }  


}