/*
Theme Name: Hello Childtheme
Description: Childtheme_nunos
Author: Annika Hagemann
Author URI: https://hage-webdesign.de
Template: hello-elementor
Version: 1.0
Tags: childtheme, hello elementor
*/

/*molecule-animation*/
/*nunos molecule animation css*/

#arms  {
  -webkit-animation: spin1 35s infinite linear;
  -moz-animation: spin1 35s infinite linear;
  -o-animation: spin1 35s infinite linear;
  -ms-animation: spin1 35s infinite linear;
  animation: spin1 35s infinite linear;
      display: block;
  }

#arm1 {
  -webkit-animation: spin1 20s infinite linear;
  -moz-animation: spin1 20s infinite linear;
  -o-animation: spin1 20s infinite linear;
  -ms-animation: spin1 20s infinite linear;
  animation: spin1 20s infinite linear;
      display: block;
}

#arm2 {
  -webkit-animation: spin1 18s infinite ease-out;
  -moz-animation: spin1 18s infinite ease-out;
  -o-animation: spin1 18s infinite ease-out;
  -ms-animation: spin1 18s infinite ease-out;
  animation: spin1 18s infinite ease-out;
      display: block;
}

  #arms,
  #arm1,
  #arm2 {
    transform-origin: center center;

  }

  @-webkit-keyframes spin1 {
  0% { -webkit-transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg);}
  }
  @-moz-keyframes spin1 {
  0% { -moz-transform: rotate(0deg);}
  100% { -moz-transform: rotate(360deg);}
  }
  @-o-keyframes spin1 {
  0% { -o-transform: rotate(0deg);}
  100% { -o-transform: rotate(360deg);}
  }
  @-ms-keyframes spin1 {
  0% { -ms-transform: rotate(0deg);}
  100% { -ms-transform: rotate(360deg);}
  }
  @-keyframes spin1 {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
  }

/*Header BG Fokus*/
#nunos_headerbg{
position: relative;
overflow:hidden;
}

#nunos_headerbg::before {
content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background-size:cover!important;
	background-position: center center;
	background: url(https://nunos.bio/wp-content/uploads/2022/02/cornfield.jpg) 0 0 no-repeat;
animation: 75s linear 0s 1 zoomBG
}

@keyframes zoomBG {
	0% {
			transform: scale(100%);
	}
	100% {
			transform: scale(250%);
	}
}