/*=================================== */
	/* Main CSS Dokument                  */
	/*=================================== */ 

		/* CCS Reset */
		
		* {
            -webkit-box-sizing: border-box;
			box-sizing: border-box;
			margin:0;
			padding:0;
		}
		
		/* picturegallery */
		.picturegallery .gallerycontainer {
            width:24vw;
			position: relative;
			overflow: hidden;
            margin-top: 1rem;
		}
		.picturegallery .gallerycontainer img {
			object-fit: cover;
			width: 100%;
			height: 100%;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
		}
		
		.picturegallery .gallerycontainer:hover img {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
		}

		.picturegallery {
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-ms-flex-wrap: wrap;
            flex-wrap: wrap;
			-ms-flex-pack: distribute;
            justify-content: space-around;
		}

        .footer-boden-gallery {
            color: black;
            height: 5.5vh;
            width: 100%;
            text-align: center;
            position: relative;
            bottom:0px;
            left:0px;
            padding-top: 20px;
            background-color: #F2F2F2;
            font-size: 105%;
            font-family: 'Montserrat Alternates', sans-serif;
            }


	/*=================================== */
	/*              Responsiv             */
	/*=================================== */

    @media screen and (max-width: 1200px){
		.picturegallery .gallerycontainer {
            width:47vw;
         }
    }

    @media screen and (max-width: 934px){
		.picturegallery .gallerycontainer {
            width:47vw;
         }
    }
    @media screen and (max-width: 768px){
		.picturegallery .gallerycontainer {
            width:98vw;
         }
    }