#logoKat {}
#orange-base, #red, #letterk, #letterkpart1, #letterkpart2, #letterklonger, #orange {}


.col-red { fill: #a00; }
.col-orange { fill: #e80; }
.col-white { fill: #fff; }
.col-black { fill: #000; }
.path-letter { clip-path: url(#clippath); }
.col-no { fill: none; }

.popuporange, .popupred	{ 
	opacity:			0;
	animation-name:			popup;
	animation-timing-function:	ease-in;
	animation-direction:		normal; }
.popupwhite		{ 
	opacity:			0;
	animation-name:			popupwhite;
	animation-timing-function:	ease-out;
	animation-direction:		normal;
	animation-fill-mode:		forwards;
	animation-delay: 0.56s; animation-duration: 0.32s; }
.popuporange		{ 
	animation-timing-function:	ease-out;
	animation-fill-mode:		backwards;
	animation-delay: 0.00s; animation-duration: 0.60s; }
.popupred		{ 
	animation-fill-mode:		forwards;
	animation-delay: 0.50s; animation-duration: 0.22s; }
.popupredgo	{ 
	opacity:			0;
	animation-name:			popupredgo;
	animation-timing-function:	ease-in;
	animation-fill-mode:		backwards;
	animation-direction:		normal;
	animation-delay: 0.50s; animation-duration: 1.1s; }
.oscill	{ 
	opacity:			0;
	animation-name:			oscill;
	animation-delay:		0.54s; /*+++wie duration .popuporange - etwas weniger gegen Flackern+++*/
	animation-duration:		9s;
	animation-direction:		alternate;
	animation-iteration-count:	infinite;
	animation-timing-function:	cubic-bezier(0.95, 0.3, 0.3, 0.95);
/*	animation-timing-function:	ease-in-out;*/ }
@keyframes popup {
	0%	{ opacity: 1; scale: 0; }
	67%	{ opacity: 1; scale: 1; }
	100%	{ opacity: 1; scale: 1; } }
@keyframes popupwhite {
	0%	{ opacity: 1; scale: 0; translate: -10% 10%; }
	67%	{ opacity: 1; scale: 1; translate: 0; }
	100%	{ opacity: 1; scale: 1; translate: 0; } }
@keyframes popupredgo {
	0%	{ opacity: 1; scale: 0; translate: 0; }
	12%	{ opacity: 1; scale: 1; translate: 0; }
	50%	{ opacity: 1; scale: 1; translate: 0; }
	80%	{ opacity: 1; scale: 0 0.85; translate: -11.85% 0; }
	100%	{ opacity: 0; scale: 0 0.85; translate: -11.85% 0; } }
@keyframes oscill {
	from	{ opacity: 1; transform: rotate(0deg); }
	to	{ opacity: 1; transform: rotate(-90deg); } }