/* Scrollbar unsichtbar machen */
body::-webkit-scrollbar {
  width: 0px;  /* Scrollbar-Breite auf 0 setzen */
  height: 0px; /* Scrollbar-Höhe auf 0 setzen */
}

body {
  scrollbar-width: none; /* Für Firefox Scrollbar unsichtbar machen */
  -ms-overflow-style: none; /* Für Internet Explorer und Edge Scrollbar unsichtbar machen */
}

body::-webkit-scrollbar {
  display: none; /* Für Webkit-basierte Browser Scrollbar unsichtbar machen */
}

  /*SCROLL END*/
  /*ANIMATION ROTATE*/
/* safari and chrome */
@-webkit-keyframes wiggle {
	0% {-webkit-transform:rotate(60deg);}
	50% {-webkit-transform:rotate(-60deg);}
	100% {-webkit-transform:rotate(60deg);}
}

/* firefox */
@-moz-keyframes wiggle {
	0% {-moz-transform:rotate(60deg);}
	50% {-moz-transform:rotate(-60deg);}
	100% {-moz-transform:rotate(60deg);}
}

/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
	0% {transform:rotate(60deg);}
	50% {transform:rotate(-60deg);}
	100% {transform:rotate(60deg);}
}

/*ARROW DOWN START*/
.spinner {

  display: block;
  margin:auto;
  position: relative;
  width: 159px;
  height: 59px;
}
#spinnerwrap
{
  margin-bottom: -4vh;
}
@-webkit-keyframes pulse {
0% {
opacity: 0;
background-position: center top;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
10% {
opacity: 0;
}
50% {
opacity: 1;
-moz-background-size: 20% auto;
-o-background-size: 20% auto;
-webkit-background-size: 20% auto;
background-size: 20% auto;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
background-position: center bottom;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
}
@-moz-keyframes pulse {
0% {
opacity: 0;
background-position: center top;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
10% {
opacity: 0;
}
50% {
opacity: 1;
-moz-background-size: 20% auto;
-o-background-size: 20% auto;
-webkit-background-size: 20% auto;
background-size: 20% auto;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
background-position: center bottom;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
}
@-ms-keyframes pulse {
0% {
opacity: 0;
background-position: center top;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
10% {
opacity: 0;
}
50% {
opacity: 1;
-moz-background-size: 20% auto;
-o-background-size: 20% auto;
-webkit-background-size: 20% auto;
background-size: 20% auto;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
background-position: center bottom;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
}
@keyframes pulse {
0% {
opacity: 0;
background-position: center top;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
10% {
opacity: 0;
}
50% {
opacity: 1;
-moz-background-size: 20% auto;
-o-background-size: 20% auto;
-webkit-background-size: 20% auto;
background-size: 20% auto;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
background-position: center bottom;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
}
.scroll-down a {
display: block;
opacity: 0;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
line-height: 0;
font-size: 0;
color: transparent;
margin-left: auto;
margin-right: auto;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
-webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
-moz-animation: pulse 1.5s 0s infinite normal ease forwards;
-o-animation: pulse 1.5s 0s infinite normal ease forwards;
animation: pulse 1.5s 0s infinite normal ease forwards;
background-image: url(images/arrow-down.svg);
background-repeat: no-repeat;
}
.scroll-down a:before, .scroll-down a:after {
content: " ";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAB80lEQVRoge3UsW4TMRgH8P8XsDrAAlKQIphg6FCBxIMwwb1AEuUsnaquVVWkDHRgPanJOcM9QA4meAEeohKIMiGaocMtiMU63KEpMiJO7LsrQuL7TZHt2J+/f2KAMcYYY4wxxtg/Kk3TrTzPu3/73Ol0ei9N061N68g1MZ/Pb5Rl+QrALoBbAL4YY/allG9arPMPWZa9IKLXAB4C+A4gXSwWL8fj8c9V62+6NirL8gDAvjX0iIgKpVQhhEj6/f55m4Xned7VWh8DiKzh2wAOer3eDwBHq77XWbNn7BiPtNYnSqnIMR9MKRVprU/we/E+tbgTAHBnzVwXwLxpGo6ur3LXNbEugQ8eNdROw6PrvxCRsxZnAsaYPSJ6AuD+hv2D0gjo+pVvnU5nzzXpTEBK+bmqqscAZp4HRVrrT0qpkWtBSNeXCiHE0+FweOpa4HxGbVmWPSMiBaDns94Y814IEQ8GgzOgVtfPASRxHBebFnpdoEkRy8/HuPyp+Qh6GLwvcCU0jQDeXbete4VWklK+q6pqB/7/DR+FEGIntHigRgK2FtKo1XVbcAK2hmnU7rqtUQK2gDQad93WKAGbZxqtdN3WWgK22Wz23BhzBGB7OfSRiA5Ho9Hbts+6lgsAgDGGJpPJAwBIkuTrdZ3DGGOMMfY/uwDCxdQnEgbaSQAAAABJRU5ErkJggg==')no-repeat center top;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
-webkit-background-size: 100% auto;
background-size: 100% auto;
}
.scroll-down a:before {
-webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
-moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
-o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
animation: pulse 1.5s 0.25s infinite normal ease forwards;
}
.scroll-down a:after {
-webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
-moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
-o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
animation: pulse 1.5s 0.5s infinite normal ease forwards;
}

/*ARROW DOWN END*/
.entered {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
 @-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  .scaleup
{
  transition: all 0.5s ease-out;
}
.scaleup:hover{
  transform: scale(1.1);
  -webkit-transform:scale(1.1);
}

@media only screen and (max-width: 900px) { 
  ::-webkit-scrollbar {
    width: 5px;
  }
}