#frieden {
  animation: kleinnachgross 15s;
}

@keyframes kleinnachgross {
  0%   {
      opacity:0;
      font-size:1%;
  }  
  70%  {
      opacity:1;
      font-size:125%;
  }
  100% {
      opacity:1;
      font-size:100%;
  }
}

/*
#frieden2 {
	animation: friedenslauf 5s linear;
}

@keyframes friedenslauf {
	from {
		width: 15%
	}
	to {
		width: 100%
	}
}

output {
  padding:30px;
  font-size: 300%;
	font-weight: bold;
  color: white;
  height: 2em;
	background-image: repeating-linear-gradient(135deg, black, black, grey, grey 20px);
	border-radius: 10px;
	display: block;
  
}
*/