#sea {
		position:absolute;
		top: 220px;
		left: 100px;
		z-index: 2;	
	}

	@keyframes swimNoMirror {  /* Chrome */
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(0deg) }
		80% {transform:translateX(-600px) rotateY(0deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px) rotateY(0deg) }
	}
	
	
	@-webkit-keyframes swimNoMirror {  
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(0deg) }
		80% {transform:translateX(-600px) rotateY(0deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px) rotateY(0deg) }
	}
	
	@-moz-keyframes swimNoMirror {  
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(0deg) }
		80% {transform:translateX(-600px) rotateY(0deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px) rotateY(0deg) }
	}
	
	@-o-keyframes swimNoMirror {  
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(0deg) }
		80% {transform:translateX(-600px) rotateY(0deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px) rotateY(0deg) }
	}
	
	@keyframes swim {  
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(180deg) }
		80% {transform:translateX(-600px) rotateY(180deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px) rotateY(0deg) }
	}

	@-webkit-keyframes swim {
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(180deg) }
		80% {transform:translateX(-600px) rotateY(180deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px) rotateY(0deg) }
	}

	@-moz-keyframes swim {
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(180deg) }
		80% {transform:translateX(-600px) rotateY(180deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px)  rotateY(0deg) }
	}

	@-o-keyframes swim {
		
		0% {transform:translateX(0px) }
		39% {transform:translateX(800px) }
		40% {transform:translateX(800px) rotateY(180deg) }
		80% {transform:translateX(-600px) rotateY(180deg) }
		81% {transform:translateX(-600px) rotateY(0deg) }
		100% {transform:translateX(0px)  rotateY(0deg) }
	}



	

	#meinFisch {
		position:relative;
		top: 80px;		
		width: 350px;
		height: 50px;
		z-index: 1;
		
		animation:swim 6s .5s infinite ease; 
		-webkit-animation:swim 6s .5s infinite ease; /* Chrome */
		-moz-animation: swim 6s .5s infinite ease;
		-o-animation: swim 6s .5s infinite ease;
		
	}
	
	#meinFischOther {
		position:relative;
		top: 120px;
		left: 0px;	
		width:350px;
		height: 50px;
		z-index: 1;
		opacity: 0.9;
		
		animation:swim 6s .6s infinite ease;
		-webkit-animation:swimNoMirror 6s .65s infinite ease;
		-moz-animation:swim 6s .6s infinite ease;
		-o-animation:swim 6s .6s infinite ease;
		
	}
	
	#meinFischSardinen_org {
		position:relative;
		top: 80px;
		left: 0px;	
		width: 350px;
		z-index: 2;
		animation: swim 6s .55s infinite ease;
		-webkit-animation: swimNoMirror 6s .65s infinite ease;
		-moz-animation:swim 6s .55s infinite ease;
		-o-animation:swim 6s .55s infinite ease;
		
	}
	
	#fish-v {
		/*position:relative;*/
		top:20px;
		width:200px;
		animation: skalierung 2s infinite ease;
	}

 
	 @keyframes skalierung {
		0% { transform: scale3d(1, 1, 1); filter: contrast(0.6); }

		50% { transform: scale3d(1.2, 1.2, 1.2); filter: contrast(1); }

		100% { transform: scale3d(1, 1, 1);  filter: contrast(0.6); }   	     	
	}
	
	@-webkit-keyframes skalierung {
		0% { transform: scale3d(1, 1, 1); filter: contrast(0.6); }

		50% { transform: scale3d(1.2, 1.2, 1.2); filter: contrast(1); }

		100% { transform: scale3d(1, 1, 1);  filter: contrast(0.6); }   	     	
	}
	
	@-moz-keyframes skalierung {
		0% { transform: scale3d(1, 1, 1); filter: contrast(0.6); }

		50% { transform: scale3d(1.2, 1.2, 1.2); filter: contrast(1); }

		100% { transform: scale3d(1, 1, 1);  filter: contrast(0.6); }   	     	
	}
	
	@-o-keyframes skalierung {
		0% { transform: scale3d(1, 1, 1); filter: contrast(0.6); }

		50% { transform: scale3d(1.2, 1.2, 1.2); filter: contrast(1); }

		100% { transform: scale3d(1, 1, 1);  filter: contrast(0.6); }   	     	
	}





	a:link, a:visited {	 
	  color:cornflowerblue;	
	  text-decoration: none;
	}

	a:hover {
	  color: #seagreen;
	}


	.rund {
	 object-fit: cover;
	 object-position: 50% 0;
	 border-radius: 50%;
	 width: 15em;
	 height: 15em;
	}