/* =====================================
   Kabarett Müller Galerie
   ===================================== */


.km-gallery-wrapper {
    width:900px;
    margin:20px auto;
}


/* Masonry */

.km-gallery {

    columns: 4;
    column-gap:14px;
    width:100%;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;

}


/* einzelne Bilder */

.km-gallery-item {

    display:block;

    margin-bottom:14px;

    break-inside:avoid;

    overflow:hidden;

    cursor:pointer;

}

/* 
.km-gallery-item img {

    width:100%;
    height:auto;

    display:block;

    opacity:0;

    transition:
        opacity .4s ease,
        transform .35s ease;

}



.km-gallery-item img.loaded {

    opacity:1;

}



.km-gallery-item:hover img {

    transform:scale(1.10);

}
 */

.km-gallery-item img {

    width:100%;
    height:auto;

    display:block;

    opacity:0;

    filter:grayscale(100%) brightness(90%);

    transition:
        opacity .4s ease,
        transform .35s ease,
        filter .4s ease;

}



.km-gallery-item img.loaded {

    opacity:1;

}



.km-gallery-item:hover img {

    transform:scale(1.06);

    filter:grayscale(0%) brightness(100%);

}

/* Loader */

.km-loader {

    text-align:center;

    padding:30px;

    font-family:Georgia,"Times New Roman",serif;

    color:#666;

}



/* Tablet */

@media(max-width:900px){

    .km-gallery {

        columns:3;

    }

}


/* Handy */

@media(max-width:600px){

    .km-gallery {

        columns:2;

    }

}