#main {
	background: url(/qg/cms.layout.custom.8/pub/img/bg.png) repeat .01rem / 3px;
}


#traktorWrap {
	position:absolute;
	left:0;
	right:0;
	height:2rem;
	bottom: 100%;
	overflow:hidden;
	xbackground:red;
}
#traktor {
	position:absolute;
	fill:var(--color);
	left:0;
	right:0;
	bottom:-.2rem;
	margin:auto;
	width:2.2rem;
	will-change:transform, left, right;

 	animation: linear infinite;
 	animation-name: run, updown;
  	animation-duration: 20s, 3s;
}
@keyframes run {
  0% {
    left: 100%;
    right: 0;
  }
  100% {
    left: 0;
    right: 100%;
  }
}
@keyframes updown {
	0% { transform: translateY(0) }
	2% { transform: translateY(0) }
	3% { transform: translateY(-.1rem) rotate(5deg) }
	4% { transform: translateY(0) }
	10% { transform: translateY(0) }
	11% { transform: translateY(-.2rem) rotate(10deg) }
	12% { transform: translateY(0) }
	100% { transform: translateY(0) }
}


.fancybox-overlay * {
	background-size:initial;
	background-position:initial;
}

html {
	--u1-ico-dir:'https://cdn.jsdelivr.net/npm/heroicons@1.0.1/solid/';
}

#foot {
	--u1-ico-dir:'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/icons/';
}
#foot u1-ico {
	font-size:1.2em;
}