.background-3-1{
    grid-row: 1/7;
    grid-column: 1/3;
    

}

.background-3-2{
    grid-row: 1/7;
    grid-column: 3/4;
   
}

.image-2{
    grid-row: 2/7;
    grid-column: 3/4;
    background-image: url(../img/skills.jpg);
    background-size: cover;
    background-position: center center;
}

.header3section{
    grid-row: 1/2;
    grid-column: 1/3;
    
    
}

.wrapperIcon1{
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.wrapperIcon2{
    grid-column: 1/2;
    grid-row: 3/4;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.wrapperIcon3{
    grid-column: 1/2;
    grid-row: 4/5;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}



.Icon {
    width: 100%;
    /*max-width: 300px;  Oder eine andere sinnvolle Maximalgröße */
   /* height: auto; */
    aspect-ratio: 1 / 1;
    
}




.content3-1section{
    margin: 8%;
    grid-column: 2/3;
    grid-row: 2/3;
    overflow: scroll;
    
    
    
}

.content3-2section{
    margin: 8%;
    grid-column: 2/3;
    grid-row: 3/4;
    overflow-x: auto;
    overflow-y: auto;
  
    
}

.content3-3section{
    margin: 8%;
    grid-column: 2/3;
    grid-row: 4/5;
    overflow: scroll;
   
}
.content3-1section::-webkit-scrollbar{
    display: none;
}

.content3-2section::-webkit-scrollbar{
    display: none;
}

.content3-3section::-webkit-scrollbar{
    display: none;
}

@media(max-width:1600px){
    .content3-1section{overflow: scroll; scrollbar-width: none;}
    .content3-2section{overflow: scroll; scrollbar-width: none;}
    .content3-3section{overflow: scroll;scrollbar-width: none;}
}
@media(max-width:420px) {
    .content3-1section{grid-column: 2/4; overflow: scroll; scrollbar-width: none;}
    .content3-2section{grid-column: 2/4; overflow: scroll; scrollbar-width: none;}
    .content3-3section{grid-column: 2/4; overflow: scroll; scrollbar-width: none;}
    .image-2{grid-column: 1/4; grid-row: 176;}
    .Icon{height: 50%;}

  }

  @media (max-width: 768px) {
    .Icon {
        max-width: 100px;
    }
}

@media (max-width: 420px) {
    .Icon {
        max-width: 80px;
    }
}