@charset "UTF-8";
/* CSS Document */

.headline {
    display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 1rem;
	flex-wrap: wrap;
	}	
.gallery-headline {
	max-height: 100%;
    max-width: 100%;
    width:auto;
    height:auto;
	transition: 250ms all;
	&:hover{
	scale: 1;
	img {
	scale: 1.1;
	opacity: 0.5;
	}
	}
	&:active {
	scale: 0.9;
	}

	img {
	
	filter: drop-shadow(1rem 1rem 8px black);
	scale: 1;
	transition: 250ms all ease-in;	
	}
	}


.gallery {
    display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 1rem;
	flex-wrap: wrap;
	}	
.gallery-image {
	max-height: 100%;
    max-width: 100%;
    width:auto;
    height:auto;
	transition: 250ms all;
	&:hover{
	scale: 1;
	img {
	scale: 1.1;
	opacity: 0.5;
	}
	}
	&:active {
	scale: 0.9;
	}

	img {
	border-radius: 30px;
	border-color: darkgrey;
	border-width: 3px;
	border-style: solid;
	filter: drop-shadow(1rem 1rem 8px black);
	scale: 1;
	transition: 250ms all ease-in;	
	}
	}


.jahre {
    display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 1rem;
	flex-wrap: wrap;
	}
.gallery-jahre {
	max-height: 100%;
    max-width: 100%;
    width:auto;
    height:auto;
	transition: 250ms all;
	&:hover{
	scale: 1;
	img {
	scale: 1.1;
	opacity: 0.5;
	}
	}
	&:active {
	scale: 0.9;
	}

	img {
	border-radius: 30px;
	filter: drop-shadow(1rem 1rem 3px black);
	scale: 1;
	transition: 250ms all ease-in;	
	}
	}