/* @override 
	http://yogakreutzberg.pincgestaltet.ch/wp-content/themes/uncode-child/animations.css?* */

@media all and (min-width: 0px) and (max-width: 959px) {
	.letter {
		display: none!important;
	}
}

.letter {
	position: fixed;
	z-index: 0;
	width: calc(100px + 25vw);
}

.letter > path {
	fill: #000000;
	opacity: 0.05;
}

.letter > rect {
	fill: transparent;
}




.page-id-73450 #letter-y {
	-skrollr-animation-name: first-letter;
	-webkit-animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	left: calc(20vw - 250px);
}

.page-id-73450 #letter-o {
	-skrollr-animation-name: second-letter;
	-webkit-animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	right: calc(20vw - 250px);
}

.page-id-73450 #letter-g {
	-skrollr-animation-name: third-letter;
	-webkit-animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	left: calc(20vw - 250px);
}

.page-id-73450 #letter-a {
	-skrollr-animation-name: fourth-letter;
	-webkit-animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	right: calc(20vw - 250px);
}




.page-id-73484 #letter-a {
	-skrollr-animation-name: first-letter;
	-webkit-animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;	
	right: calc(20vw - 250px);
}

.page-id-73484 #letter-o {
	-skrollr-animation-name: second-letter;
	-webkit-animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;	
	left: calc(20vw - 250px);	
}


.page-id-73484 #letter-y {
	-skrollr-animation-name: third-letter;
	-webkit-animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;	
	right: 5vw;
}

.page-id-73484 #letter-g {
	-skrollr-animation-name: fourth-letter;
	-webkit-animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;	
	left: calc(20vw - 250px);
}




.page-id-73486 #letter-g {
	-skrollr-animation-name: first-letter;
	-webkit-animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	left: calc(20vw - 250px);
}

.page-id-73486 #letter-a {
	-skrollr-animation-name: second-letter;
	-webkit-animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	right: calc(20vw - 250px);
}

.page-id-73486 #letter-y {
	-skrollr-animation-name: third-letter;
	-webkit-animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;	
	left: calc(20vw - 250px);
}

.page-id-73486 #letter-o {
	-skrollr-animation-name: fourth-letter;
	-webkit-animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	right: calc(20vw - 250px);
}




.page-id-73488 #letter-o {
	-skrollr-animation-name: first-letter;
	-webkit-animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-4 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	right: calc(20vw - 250px);
}

.page-id-73488 #letter-y {
	-skrollr-animation-name: second-letter;
	-webkit-animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-1 17.5s ease-in-out infinite both, fade-in 1s ease-in-out both;
	left: calc(20vw - 250px);	
}

.page-id-73488 #letter-g {
	-skrollr-animation-name: third-letter;
	-webkit-animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-3 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	right: 5vw;
}

.page-id-73488 #letter-a {
	-skrollr-animation-name: fourth-letter;
	-webkit-animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	        animation: pulsate-2 15s ease-in-out infinite both, fade-in 1s ease-in-out both;
	left: calc(20vw - 250px);
}




@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




@-webkit-keyframes pulsate-1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes pulsate-2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes pulsate-3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes pulsate-4 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-4 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}




@-skrollr-keyframes first-letter {
	0-start {
		top: 25vh;
	}
	0-end {
		top: -75vh;
	}
}

@-skrollr-keyframes second-letter {
	0-start {
		top: 75vh;
	}
	0-end {
		top: -25vh;
	}
}

@-skrollr-keyframes third-letter {
	0-start {
		top: 125vh;
	}
	0-end {
		top: 25vh;
	}
}

@-skrollr-keyframes fourth-letter {
	0-start {
		top: 175vh;
	}
	0-end {
		top: 75vh;
	}
}