/*  
 {
    border:solid red 10px;
}
*/

body
{
    /* border:solid red 10px; */
}
 

 .teaser1_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* justify-content: left; */
}

 .teaser1 {
    /* width:33%; */
    width:210px;
    /* max-width:200px; */
    text-align:center;
    margin-bottom:20px;
    /* border:solid #ccc 1px; */
}

 .teaser1:hover {
    opacity:0.8;
    font-weight:bold;
}

 .teaser1 img {
    width:100%;
    margin-bottom:5px;
}

/****************/
/* 
 .teaser1 {
    width:300px;
    width:33%;
    display:inline-block;
    padding:10px;
    text-align:center;
    border:solid #ccc 1px;
}
 */


/****************/


/* https://de.w3docs.com/snippets/css/wie-kann-man-die-farbe-des-png-bildes-mit-css-andern.html */
/* https://blog.kulturbanause.de/2015/03/css-filter-effekte/ */
 .teaser1 img {
    /* filter: invert(100%); */
    filter: grayscale(1);
    /* filter: sepia(100%);  */
    /* filter: saturate(3);  */
    /* filter: hue-rotate(180deg); */
    /* filter: sepia(1) hue-rotate(170deg); */
    /* filter: sepia(1) hue-rotate(180deg) brightness(1) contrast(1); */
    /* filter: hue-rotate(10deg) contrast(1.2); */
    /* border:solid red 5px; */
}



/****************/

@media (max-width: 680px) {

    body {}

     .teaser1_container {
        margin: 0px 10px;
    }

     .teaser1 {
        width:50%;
        padding: 0 10px;
    }

     .teaser1 img {
        width: 100%;
    }

}