/* ====================================================   GLOBAL DEFINITION   ==================================================== */


html { 
  width: 100%;
  background: #0f7b47;
} 

body {
	width: 90%;
	height: 15em;
	margin:0 auto;
	background: #0f7b47;	
	color: #333; 
	font: normal 1.em Arial, sans-serif;  /* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */                  
}



/* ================================================================================================ */
path {
	fill-opacity: 1.0;
	fill-rule:evenodd; /*überschneidung*/
		fill: none; 
	
	stroke: #ff9;
	stroke-width: 0.0;
  	stroke-linecap: round;
	stroke-opacity: .0;
	
	stroke-dasharray: 0 100;
	animation: strokeAni 20s infinite linear;
}

@keyframes strokeAni {
	0% {
		stroke: #ff9;
		stroke-opacity: 1.0;
		stroke-dashoffset: 50; 
		fill-opacity: 0.0;
	}
	30% {
		stroke: #ff9;
		stroke-opacity: 1.0;
		stroke-width: 5.0;
		fill-opacity: 0.0;
		fill: none; 
	stroke-dasharray: 100 0;
	}
	80% {
	stroke-dasharray: 0 100;
	}
	100% {
		stroke: #ff9;
		stroke-dashoffset: 5000; 
	stroke-dasharray: 0 100;
	}
}