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

main {
	background: transparent;
	border-color: transparent;
	width: 100%;
	/*border: green 1px solid;*/
	position: relative;
	float: left;
	clear: left;
}

#gallery {
	position: relative;
	margin: 1em 1em 0 1em;
	background: none;
	border: none;
	width: auto;
	/*border: blue 1px solid;*/
}

#gallery figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0em;
	z-index: 1;
	animation: wechseln 32s infinite;
	-webkit-animation: wechseln 32s infinite;
	-moz-animation: wechseln 32s infinite; 
	-ms-animation: wechseln 32s infinite;
	-o-animation: wechseln 32s infinite; 
}

#gallery figure img {
	width: 100%;
}



#gallery figure:last-of-type {
	position: relative;
}

#gallery > figure figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1em;
	 font-family: "Manrope_regular", Helvetica, Arial, sans-serif;
	font-size: 95%;
	line-height: 1.6em;
	z-index: 2;
	color: #203018;
	width: 40%;
	max-width: 40%;
	background-color: rgba(225,225,225,0.8)
}

#gallery > figure figcaption .gross {
	 font-family: "Manrope_regular", Helvetica, Arial, sans-serif;
	font-size: 115%;	
}

/*
#gallery > figure figcaption a {	
	color: #980606;	
	text-decoration: none;
}

#gallery > figure figcaption a:hover {	
	color: #fff;	
	text-decoration: none;
}
*/

@keyframes wechseln {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}




#gallery figure:nth-of-type(2) {
	animation-delay: 8s;
	opacity: 0;
}

#gallery figure:nth-of-type(3) {
	animation-delay: 16s;
	opacity: 0;
}
#gallery figure:nth-of-type(4) {
	animation-delay: 24s;
	opacity: 0;
}


/*Responsive Styles gallery*/

@media all and (max-width : 1280px){

#gallery > figure figcaption {
	font-size: 90%;
	line-height: 1.4em;
	width: 40%;
	max-width: 40%;
}

	
}

@media all and (max-width : 1024px){

#gallery > figure figcaption {
	font-size: 90%;
	line-height: 1.4em;
	width: 60%;
	max-width: 60%;
}	
	
@media all and (max-width : 768px){

#gallery > figure figcaption {
	font-size: 90%;	
	width: 100%;
	max-width: 100%;	
	padding: 0.3em 0.6em;	
}
}	
	
	
}

@media all and (max-width : 533px){



#gallery {
	display: none;
}	
	
	
	
}