h1 {
    font-size:70px;
    margin-bottom: 20px;
    text-shadow:
     0 1px 0 hsl(15,40%,60%),
     0 1px 0 hsl(15,40%,58%),
     0 3px 0 hsl(15,40%,56%),
     0 4px 0 hsl(15,40%,54%),
     0 5px 0 hsl(15,40%,52%),
     0 6px 1px hsl(15,40%,50%),
     0 0 5px hsl(15,20%,60%),
     0 1px 3px hsl(15,20%,58%),
     0 3px 5px hsl(15,20%,56%),
     0 5px 10px hsl(15,20%,54%),
     0 10px 10px hsl(15,20%,52%),
     0 15px 15px hsl(15,20%,50%);
}

h2 {
    color:black;
 text-align: center;
 text-shadow:
     0 1px 0 hsl(15,40%,60%),
     0 1px 0 hsl(15,40%,58%),
     0 3px 0 hsl(15,40%,56%),
     0 4px 0 hsl(15,40%,54%),
     0 5px 0 hsl(15,40%,52%),
     0 6px 1px hsl(15,40%,50%),
     0 0 5px hsl(15,20%,60%),
     0 1px 3px hsl(15,20%,58%),
     0 3px 5px hsl(15,20%,56%),
     0 5px 10px hsl(15,20%,54%),
     0 10px 10px hsl(15,20%,52%),
     0 15px 15px hsl(15,20%,50%);
}


.gallery {
    display: grid;  
    gap: 15px;  
    justify-content:center;  
/*    margin-bottom:100px;*/
    max-width:90%;
    margin-left:auto;
    margin-right: auto;
}

.pommes {
    width:50px;
    margin-left:auto;
    margin-right:auto;
}

/*dreierreien*/
.neun {    
    grid-template-columns: repeat(3,180px); 
   }

.gallery img {
    max-width: 100%;   
     box-shadow: 6px 5px 17px 3px #000000;
}

.gallery img:hover {
   
    box-shadow: 6px 5px 17px -1px #000000;
   transition: 0.2s;
}

@media (max-width:600px){
    
    .neun {
    grid-template-columns: repeat(2,50%);  
  
    
    }   
    .weg {
        display:none;
    }
    
    h1 {
        font-size:xx-large;
        
        }
    h2 {
        font-size: small;

    }
 
}