section.inhalt {
    display: flex;
    flex-direction: column;
    text-align: center;
 
}

div.container {
        overflow: hidden;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        max-width: 1200px;
        margin: 0px auto;
        }

        .filterDiv {
            float: left;
            background-color: #2196F3;
            color: #ffffff;
            margin: 0px;
            display: none; /* Hidden by default */

            width: 300px;
            height: 300px;
            line-height: 300px;
            text-align: center;
            overflow: hidden;
            position: relative;
        }
        
        .filterDiv:hover .name {
                margin-left: initial;
            }

        div.name {
            position: absolute;
            top: 0;
            margin-left: -100%;
            width: 100%;
            height: 300px;
            
            background-color: rgba(255, 255, 255, 0.8);
            transition: 0.7s;
            
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
        }

            div.name figcaption {
                bottom: 0px;
                left: 0px;
                font-weight: 300;
                font-size: 12px;
                font-style: normal;
                color: black;
                letter-spacing: 2px;
                outline: 1px solid black;
                padding: 10px;
                line-height: normal;
            }
    

        /* The "show" class is added to the filtered elements */
        .show {
          display: block;
        }

        /*buttons_style*/
        .btn {
            border: none;
            outline: none;
         
            background-color: white;
            cursor:url(bilder/allgemein/cursor_h.svg), auto;
            
            font-family: "hero-new", sans-serif;
            text-transform: lowercase;
            font-weight: 300;
            font-size: 10pt;
            font-style: normal;
            color: darkgreen;
            letter-spacing: 2px;
            text-decoration: none;
            padding: 7px;
            margin: 50px 10px 50px 10px;
        }

        /*button_background_hover */
        .btn:hover {
            background: none;
            outline: 1px solid darkgreen;
        }

        /*button_background_active*/
        .btn.active {
            background: none;
            outline: 1px solid darkgreen;
        }