.animated-hide .animated{
	visibility: hidden;
	-webkit-animation-name: none;
			animation-name: none;
}

.page-loading{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;

	background-color: white;
	background-color: rgba(250,250,250,.9);
	z-index: 9999;

	background-image:url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	
}

@media print{
  html, body, #wrapper {
    height: initial;
    height: auto;
  }
}



.onepage.layout-8 {
    animation: none;
    background-image: url("/fileadmin/rubotec/Resources/Public/img/assets/Hintergrund_Unterseiten.jpg");
    background-size: cover;
    background-position: center;
}

.onepage.layout-8 .onepage-inner .container h2, 
.onepage.layout-8 .onepage-inner .container h3,
.onepage.layout-8 .onepage-inner .container p,
.onepage.layout-8 .onepage-inner .container ul, 
.onepage.layout-8 .onepage-inner .container li {
    color: #ffffff;
}


.frame-layout-9 .hex-wrap {
    opacity: 0.8;
    position: absolute;
    margin-top: -3px;
    left: auto;
    right: auto;
    top: calc(108.3px / 2 + 1px) !important;
    width: 190px;
    height: 108.3px;
    transform: scale(0.85);
    transition: all 500ms; 
}

@media (min-width: 576px) {
    .frame-layout-9 .hex-wrap {
        top: calc(125.4px / 2 + 2px) !important;
        width: 220px;
        height: 125.4px;
    } 
}