/* Slider Startseite */

#gallery {
	position: relative;
	background: none;
	border-left:1px solid white;
	border-right:1px solid white;
	float:left;
	z-index: 2;
}

#gallery figure {
	position: absolute;
	top: 0;
	left:0;
	width:200px;
	height:300px;
	display:inline;
	z-index: 2;
}

#gallery1 {
	position: relative;
	background: none;
	border-left:1px solid white;
	border-right:1px solid white;
	float:left;
	z-index: 2;
}

#gallery1 figure {
	position: absolute;
	top: 0;
	left: 200px;
	width:250px;
	height:300px;
	display:inline;
	z-index: 2;
}

#gallery2 {
	position: relative;
	background: none;
	border-left:1px solid white;
	border-right:1px solid white;
	float:left;
	z-index: 2;
}

#gallery2 figure {
	position: absolute;
	top: 0;
	left: 400px;
	width:250px;
	height:300px;
	display:inline;
	z-index: 2;
}

#gallery3 {
	position: relative;
	background: none;
	border-left:1px solid white;
	border-right:1px solid white;
	float:left;
	z-index: 2;
}

#gallery3 figure {
	position: absolute;
	top: 0;
	left: 600px;
	width:250px;
	height:300px;
	display:inline;
	z-index: 2;
}

#gallery4 {
	position: relative;
	background: none;
	border-left:1px solid white;
	border-right:1px solid white;
	float:left;
	z-index: 2;
}

#gallery4 figure {
	position: absolute;
	top: 0;
	left: 800px;
	width:250px;
	height:300px;
	display:inline;
	z-index: 2;
}


#gallery img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.gallery figcaption {
	position: absolute;
	left: 1em;
	font-size: 2em;
	font-weight: bold;
	bottom: 0.5em;
	color: white;
}


@-webkit-keyframes bilder {
	0% {
		opacity: 1;
	}
	34% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes bilder {
	0% {
		opacity: 1;
	}
	34% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


#gallery figure:nth-of-type(1) {
	-webkit-animation: bilder 15s 7s infinite;
	animation: bilder 15s 7s infinite;
}

#gallery figure:nth-of-type(2) {
	-webkit-animation: bilder 15s 2s infinite;
	animation: bilder 15s 2s infinite;
}

#gallery figure:nth-of-type(3) {
	-webkit-animation: bilder 15s 12s infinite;
	animation: bilder 15s 12s infinite;
}


#gallery1 figure:nth-of-type(1) {
	-webkit-animation: bilder 15s 7s infinite;
	animation: bilder 15s 7s infinite;
}

#gallery1 figure:nth-of-type(2) {
	-webkit-animation: bilder 15s 2s infinite;
	animation: bilder 15s 2s infinite;
}

#gallery1 figure:nth-of-type(3) {
	-webkit-animation: bilder 15s 12s infinite;
	animation: bilder 15s 12s infinite;
}


#gallery2 figure:nth-of-type(1) {
	-webkit-animation: bilder 15s 7s infinite;
	animation: bilder 15s 7s infinite;
}

#gallery2 figure:nth-of-type(2) {
	-webkit-animation: bilder 15s 2s infinite;
	animation: bilder 15s 2s infinite;
}

#gallery2 figure:nth-of-type(3) {
	-webkit-animation: bilder 15s 12s infinite;
	animation: bilder 15s 12s infinite;
}



#gallery3 figure:nth-of-type(1) {
	-webkit-animation: bilder 15s 2s infinite;
	animation: bilder 15s 2s infinite;
}

#gallery3 figure:nth-of-type(2) {
	-webkit-animation: bilder 15s 7s infinite;
	animation: bilder 15s 7s infinite;
}

#gallery3 figure:nth-of-type(3) {
	-webkit-animation: bilder 15s 12s infinite;
	animation: bilder 15s 12s infinite;
}



#gallery4 figure:nth-of-type(1) {
	-webkit-animation: bilder 15s 7s infinite;
	animation: bilder 15s 7s infinite;
}

#gallery4 figure:nth-of-type(2) {
	-webkit-animation: bilder 15s 2s infinite;
	animation: bilder 15s 2s infinite;
}

#gallery4 figure:nth-of-type(3) {
	-webkit-animation: bilder 15s 12s infinite;
	animation: bilder 15s 12s infinite;
}



@-webkit-keyframes wechseln {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform: scale(0, 0);
	}
}

@keyframes wechseln {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform: scale(0, 0);
	}
}



#gallery figure:nth-of-type(4) {
	-webkit-animation: wechseln 15s 10s infinite;
	animation: wechseln 15s 10s infinite;
}

#gallery figure:nth-of-type(5) {
	-webkit-animation: wechseln 15s 5s infinite;
	animation: wechseln 15s 5s infinite;
}

#gallery figure:nth-of-type(6) {
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}



#gallery1 figure:nth-of-type(4) {
	-webkit-animation: wechseln 15s 10s infinite;
	animation: wechseln 15s 10s infinite;
}

#gallery1 figure:nth-of-type(5) {
	-webkit-animation: wechseln 15s 5s infinite;
	animation: wechseln 15s 5s infinite;
}

#gallery1 figure:nth-of-type(6) {
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}

#gallery figure:nth-of-type(4) {
	-webkit-animation: wechseln 15s 10s infinite;
	animation: wechseln 15s 10s infinite;
}

#gallery2 figure:nth-of-type(5) {
	-webkit-animation: wechseln 15s 5s infinite;
	animation: wechseln 15s 5s infinite;
}

#gallery2 figure:nth-of-type(6) {
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}

#gallery3 figure:nth-of-type(4) {
	-webkit-animation: wechseln 15s 10s infinite;
	animation: wechseln 15s 10s infinite;
}

#gallery3 figure:nth-of-type(5) {
	-webkit-animation: wechseln 15s 5s infinite;
	animation: wechseln 15s 5s infinite;
}

#gallery3 figure:nth-of-type(6) {
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}

#gallery4 figure:nth-of-type(4) {
	-webkit-animation: wechseln 15s 10s infinite;
	animation: wechseln 15s 10s infinite;
}

#gallery4 figure:nth-of-type(5) {
	-webkit-animation: wechseln 15s 5s infinite;
	animation: wechseln 15s 5s infinite;
}

#gallery4 figure:nth-of-type(6) {
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}


figure{

margin:0px auto;
padding:0px;
}

/*Ende Slideshow Startseite*/