/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 25 2023 | 21:24:34 */
/* Header */

.navigation-menu-menu .menu > li {
    margin-bottom: 2.5rem;
}

.navigation {margin-top: -30px;}


/* Popup Menu Mobile */
@media (max-width: 1200px) { .navigation {margin-top: 0px;}

	
.shown .navigation-bar {margin-top:12px !important;}
.scrolled.navigation.shown .navigation-bar {margin-top:22px !important;}
	
.header-contact { display:none;}

.navigation .navigation-menu-menu {
    background-color: #00f6ff !important; 
}
	
	
.navigation-menu-menu .menu > li {
    margin-bottom: 0.2rem;
}
	
#menu-main-menu { margin-top:40px; }	
	
.navigation .navigation-menu-menu a {
    color: #000000 !important; 
}
	
.navigation.shown .hamburger a .bar { background-color:#000000; }
	
}

.shown .navigation-bar {margin-top:50px;}

.scrolled.navigation.shown .navigation-bar {margin-top:95px;}

.shown .logo {	
margin-left:25px;
}

.scrolled.shown .logo {	
margin-left:25px;
}







.scrolled.navigation:not(.shown) .logo {

-webkit-transform: scale(1.0);
 transform: scale(1.0);}

.navigation .logo > *:not(.default) {
    min-height: 0rem;
}

/* Desktop Phone Number */
.header-contact {
	position: absolute;
	right: 120px;
	font-size:16px;
	z-index:550;
}

/* Menu Phone Number */
.shown .header-contact a {	
	color: #ffffff;
	-webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

/* Phone Number Standrad*/
.header-contact a {	
	margin-left:35px;
}


@media (max-width: 800px) {
	.header-contact { display:none;}
}



.navigation-menu-menu .menu > li > a {
    font-size: 3.5rem;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-decoration: none;
    display: block;
    line-height: 4.5rem;
    width: 90%;
}

.navigation-menu-menu .menu > li > a:hover {
	-webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;

}


.navigation-menu-menu, .preloader {overflow:hidden;}
	

/* Noise BG */
.noise-bg {
}

.noise-bg:before, .navigation-menu-menu:before, .preloader:before {
  content: "";
  z-index: 100;
  position: fixed;
  left: -10rem;
  top: -10rem;
  width: calc(100% + 20rem);
  height: calc(100% + 20rem);
  /* background-color: red; */
  background-image: url(https://www.xtrasystem.com/wp-content/uploads/2023/09/noise-transparent.png);
  opacity: 0.65;
  pointer-events: none;
  animation: noise 1s steps(2) infinite;
}

@-webkit-keyframes noise {
  to {
    transform: translate3d(-7rem, 0, 0);
  }
}

@keyframes noise {
  0% {
    transform: translate3d(0, 9rem, 0);
  }

  10% {
    transform: translate3d(-1rem, -4rem, 0);
  }

  20% {
    transform: translate3d(-8rem, 2rem, 0);
  }

  30% {
    transform: translate3d(9rem, -9rem, 0);
  }

  40% {
    transform: translate3d(-2rem, 7rem, 0);
  }

  50% {
    transform: translate3d(-9rem, -4rem, 0);
  }

  60% {
    transform: translate3d(2rem, 6rem, 0);
  }

  70% {
    transform: translate3d(7rem, -8rem, 0);
  }

  80% {
    transform: translate3d(-9rem, 1rem, 0);
  }

  90% {
    transform: translate3d(6rem, -5rem, 0);
  }

  to {
    transform: translate3d(-7rem, 0, 0);
  }
}


/* Selection */
::-moz-selection { 
   color:#000; 
   background:#00F6FF; 
   text-shadow: none; 
}

::selection { 
   color:#000; 
   background:#00F6FF; 
   text-shadow: none; 
}



/* Allgemein */

@media (min-width: 800px) {

	.os-content {padding-top:30px !important;}

}


/* Kontakt */

.wpcf7-quiz-label {font-size: 14px; margin-bottom:8px;}