/* ---------- MOBILE ---------- */

@media (max-width: 929px) {

	#diashow1 {
		animation-name: diashow1;
		background-image: url('kanufahren-spreewald.jpg');
		opacity: 1;
	}

	#diashow2 {
		animation-name: diashow2;
		background-image: url('spreewald-fliess.jpg');
		opacity: 0;
	}
}


	/* ---------- DESKTOP ---------- */

@media (min-width: 930px) {

	#diashow1 {
		background-image: url('kanufahren-spreewald@2x.jpg');
		animation-name: diashow3;
		opacity: 0;
	}

	#diashow2 {
		display: none;
	}
}


	/* ---------- KEYFRAMES ---------- */

@keyframes diashow1 {
	36%,87% { background-image: url('kanufahren-spreewald.jpg'); }
	37%,86% { background-image: url('kahnfahrt-leipe.jpg'); }
}

@keyframes diashow2 {
	1%,21%,51%,71% { opacity: 0; }
	26%,46%,76%,96% { opacity: 1; }
	0%,60% { background-image: url('spreewald-fliess.jpg'); }
	61%,100% { background-image: url('spreewaldfliess.jpg'); }
}

@keyframes diashow3 {
	0%,3%,25%,28%,50%,53%,75%,78%,100% { opacity: 0; }
	14%,22%,39%,47%,64%,72%,89%,97% { opacity: 1; }
	2%,26% { background-image: url('kanufahren-spreewald@2x.jpg'); }
	27%,51% { background-image: url('spreewald-fliess@2x.jpg'); }
	52%,76% { background-image: url('kahnfahrt-leipe@2x.jpg'); }
	77%,100% { background-image: url('spreewaldfliess@2x.jpg'); }
}