.seite-grid {
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0px auto 50px;
    height: 100%;
    text-align: center;
    gap: 8px;
    
}

.seite-grid-oben {

}

.seite-grid-mitte{

}

.seite-grid-unten{

}

.mitte-grid{
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 1fr;
    height: 100%;
    text-align: center;
}

.mitte-grid-galerie {
    display:grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap:1em;
}

.featured figure {
    position: relative;
    padding: 0;
    margin: 0;
   
}

.featured figure:hover {
    opacity: 1;
}

.featured img {
    display: block;
    width: 100%;
    transform: translateZ(0);
    object-fit: cover;
    cursor: pointer;
}


.zoom { 
    transition: transform .2s;   
}
  
.zoom:hover {
    -ms-transform: scale(1.04); /* IE 9 */
    -webkit-transform: scale(1.04); /* Safari 3-8 */
    transform: scale(1.04); 
}


.verschoben { /* nicht genutzt vielleicht nützlich */
    transform: translate3d(0px, 80px, 0px);
}

@media screen and (max-width: 660px) {
    .featured figure {
        grid-column:1/span 12!important
    }
    .mitte-grid{
        grid-template-columns: 16px 1fr 16px;
    }
    .verschoben {
        transform: translate3d(0px, 0px, 0px);
    }  
}