/* CSS Document */

/*MENU TRENNSTRICHE*/
img.trennstriche.page-up {
	
	margin-top: -105px;
	
	-webkit-animation: trennstriche-up 0.9s ease-out 0.3s backwards;
	-moz-animation: trennstriche-up 0.9s ease-out 0.3s backwards;
	-o-animation: trennstriche-up 0.9s ease-out 0.3s backwards;
	-ms-animation: trennstriche-up 0.9s ease-out 0.3s backwards;
	animation: trennstriche-up 0.9s ease-out 0.3s backwards;
}
@-webkit-keyframes trennstriche-up{
	0% {-webkit-transform: translateY(35px); opacity: 1;}
	100% {-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes trennstriche-up{
	0% {-moz-transform: translateY(35px); opacity: 1;}
	100% {-moz-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes trennstriche-up{
	0% {-o-transform: translateY(35px); opacity: 1;}
	100% {-o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes trennstriche-up{
	0% {-ms-transform: translateY(35px); opacity: 1;}
	100% {-ms-transform: translateY(0px); opacity: 1;}
}
@keyframes trennstriche-up{
	0% {transform: translateY(35px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

img.trennstriche.page-down {
	
	-webkit-animation: trennstriche-down 0.8s ease-in 0.2s backwards;
	-moz-animation: trennstriche-down 0.8s ease-in 0.2s backwards;
	-o-animation: trennstriche-down 0.8s ease-in 0.2s backwards;
	-ms-animation: trennstriche-down 0.8s ease-in 0.2s backwards;
	animation: trennstriche-down 0.8s ease-in 0.2s backwards;
}
@-webkit-keyframes trennstriche-down{
	0% {-webkit-transform: translateY(-35px); opacity: 1;}
	100% {-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes trennstriche-down{
	0% {-moz-transform: translateY(-35px); opacity: 1;}
	100% {-moz-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes trennstriche-down{
	0% {-o-transform: translateY(-35px); opacity: 1;}
	100% {-o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes trennstriche-down{
	0% {-ms-transform: translateY(-35px); opacity: 1;}
	100% {-ms-transform: translateY(0px); opacity: 1;}
}
@keyframes trennstriche-down{
	0% {transform: translateY(-35px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

/*#header-trennstriche.page-up-fix,*/ img.trennstriche.page-up-fix {
	margin-top: -105px;
}
/*MENU TRENNSTRICHE END*/





/*LOGO HG
@media screen and (min-width: 891px) {
	header.page-down {
		-webkit-animation: page-down-logo-hg 0.8s ease-in 0.2s forwards;
		-moz-animation: page-down-logo-hg 0.8s ease-in 0.2s forwards;
		-o-animation: page-down-logo-hg 0.8s ease-in 0.2s forwards;
		-ms-animation: page-down-logo-hg 0.8s ease-in 0.2s forwards;
		animation: page-down-logo-hg 0.8s ease-in 0.2s forwards;
	}
	@-webkit-keyframes page-down-logo-hg{
		0% {-webkit-transform: translateY(0px); opacity: 1;}
		100% {-webkit-transform: translateY(30px); opacity: 1;}
	}
	@-moz-keyframes page-down-logo-hg{
		0% {-moz-transform: translateY(0px); opacity: 1;}
		100% {-moz-transform: translateY(30px); opacity: 1;}
	}
	@-o-keyframes page-down-logo-hg{
		0% {-o-transform: translateY(0px); opacity: 1;}
		100% {-o-transform: translateY(30px); opacity: 1;}
	}
	@-ms-keyframes page-down-logo-hg{
		0% {-ms-transform: translateY(0px); opacity: 1;}
		100% {-ms-transform: translateY(30px); opacity: 1;}
	}
	@keyframes page-down-logo-hg{
		0% {transform: translateY(0px); opacity: 1;}
		100% {transform: translateY(30px); opacity: 1;}
	}
	header.page-up {
		margin-top: -30px;
		
		-webkit-animation: page-up-logo-hg 0.9s ease-out 0.3s backwards;
		-moz-animation: page-up-logo-hg 0.9s ease-out 0.3s backwards;
		-o-animation: page-up-logo-hg 0.9s ease-out 0.3s backwards;
		-ms-animation: page-up-logo-hg 0.9s ease-out 0.3s backwards;
		animation: page-up-logo-hg 0.9s ease-out 0.3s backwards;
	}
	@-webkit-keyframes page-up-logo-hg{
		0% {-webkit-transform: translateY(30px); opacity: 1;}
		100% {-webkit-transform: translateY(0px); opacity: 1;}
	}
	@-moz-keyframes page-up-logo-hg{
		0% {-moz-transform: translateY(30px); opacity: 1;}
		100% {-moz-transform: translateY(0px); opacity: 1;}
	}
	@-o-keyframes page-up-logo-hg{
		0% {-o-transform: translateY(30px); opacity: 1;}
		100% {-o-transform: translateY(0px); opacity: 1;}
	}
	@-ms-keyframes page-up-logo-hg{
		0% {-ms-transform: translateY(30px); opacity: 1;}
		100% {-ms-transform: translateY(0px); opacity: 1;}
	}
	@keyframes page-up-logo-hg{
		0% {transform: translateY(30px); opacity: 1;}
		100% {transform: translateY(0px); opacity: 1;}
	}
	
	header.page-down-fix {margin-top: 0px}
}
*/
/*LOGO HG END*/



/*NAV*/
nav.page-up {
	height: 65px;
}
nav.page-up-fix {
	height: 65px;
}

nav .menu-submenu.page-up-fix {
	visibility: hidden;
}

nav .menu-submenu.page-up {	
	-webkit-animation: text-ausblenden 0.5s ease-out 0.1s forwards;
	-moz-animation: text-ausblenden 0.5s ease-out 0.1s forwards;
	-o-animation: text-ausblenden 0.5s ease-out 0.1s forwards;
	-ms-animation: text-ausblenden 0.5s ease-out 0.1s forwards;
	animation: text-ausblenden 0.5s ease-out 0.1s forwards;
}
@-webkit-keyframes text-ausblenden{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes text-ausblenden{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes text-ausblenden{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes text-ausblenden{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes text-ausblenden{
	0% {opacity: 1;}
	100% {opacity: 0;}
}

nav .menu-submenu.page-down {	
	-webkit-animation: text-einblenden 0.2s ease-in 0.8s backwards;
	-moz-animation: text-einblenden 0.2s ease-in 0.8s backwards;
	-o-animation: text-einblenden 0.2s ease-in 0.8s backwards;
	-ms-animation: text-einblenden 0.2s ease-in 0.8s backwards;
	animation: text-einblenden 0.2s ease-in 0.8s backwards;
}
@-webkit-keyframes text-einblenden{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes text-einblenden{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes text-einblenden{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes text-einblenden{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes text-einblenden{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*NAV END*/





/*---------------------------------------------------------------------------------*/

/*CONTENT BLOCK*/
#content-block-hg-shadow.page-up {
	
	margin: -75px 0 0 0;
	
	-webkit-animation: page-up 0.9s ease-out 0.3s backwards;
	-moz-animation: page-up 0.9s ease-out 0.3s backwards;
	-o-animation: page-up 0.9s ease-out 0.3s backwards;
	-ms-animation: page-up 0.9s ease-out 0.3s backwards;
	animation: page-up 0.9s ease-out 0.3s backwards;
}
@-webkit-keyframes page-up{
	0% {-webkit-transform: translateY(75px); opacity: 1;}
	100% {-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes page-up{
	0% {-moz-transform: translateY(75px); opacity: 1;}
	100% {-moz-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes page-up{
	0% {-o-transform: translateY(75px); opacity: 1;}
	100% {-o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes page-up{
	0% {-ms-transform: translateY(75px); opacity: 1;}
	100% {-ms-transform: translateY(0px); opacity: 1;}
}
@keyframes page-up{
	0% {transform: translateY(75px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

#content-block-hg.page-up  {
	-webkit-animation: page-up 0.9s ease-out 0.3s backwards;
	-moz-animation: page-up 0.9s ease-out 0.3s backwards;
	-o-animation: page-up 0.9s ease-out 0.3s backwards;
	-ms-animation: page-up 0.9s ease-out 0.3s backwards;
	animation: page-up 0.9s ease-out 0.3s backwards;
}
@-webkit-keyframes page-up{
	0% {-webkit-transform: translateY(55px); opacity: 1;}
	100% {-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes page-up{
	0% {-moz-transform: translateY(55px); opacity: 1;}
	100% {-moz-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes page-up{
	0% {-o-transform: translateY(55px); opacity: 1;}
	100% {-o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes page-up{
	0% {-ms-transform: translateY(55px); opacity: 1;}
	100% {-ms-transform: translateY(0px); opacity: 1;}
}
@keyframes page-up{
	0% {transform: translateY(55px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

#content-block-hg-shadow.page-down, #content-block-hg.page-down {
	-webkit-animation: page-down 0.8s ease-in 0.2s backwards;
	-moz-animation: page-down 0.8s ease-in 0.2s backwards;
	-o-animation: page-down 0.8s ease-in 0.2s backwards;
	-ms-animation: page-down 0.8s ease-in 0.2s backwards;
	animation: page-down 0.8s ease-in 0.2s backwards;
}
@-webkit-keyframes page-down{
	0% {-webkit-transform: translateY(-75px); opacity: 1;}
	100% {-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes page-down{
	0% {-moz-transform: translateY(-75px); opacity: 1;}
	100% {-moz-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes page-down{
	0% {-o-transform: translateY(-75px); opacity: 1;}
	100% {-o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes page-down{
	0% {-ms-transform: translateY(-75px); opacity: 1;}
	100% {-ms-transform: translateY(0px); opacity: 1;}
}
@keyframes page-down{
	0% {transform: translateY(-75px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

#content-block-hg.page-down  {
	-webkit-animation: page-down 0.8s ease-in 0.2s backwards;
	-moz-animation: page-down 0.8s ease-in 0.2s backwards;
	-o-animation: page-down 0.8s ease-in 0.2s backwards;
	-ms-animation: ppage-down 0.8s ease-in 0.2s backwards;
	animation: page-down 0.8s ease-in 0.2s backwards;
}
@-webkit-keyframes page-down{
	0% {-webkit-transform: translateY(-55px); opacity: 1;}
	100% {-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes page-down{
	0% {-moz-transform: translateY(-55px); opacity: 1;}
	100% {-moz-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes page-down{
	0% {-o-transform: translateY(-55px); opacity: 1;}
	100% {-o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes page-down{
	0% {-ms-transform: translateY(-55px); opacity: 1;}
	100% {-ms-transform: translateY(0px); opacity: 1;}
}
@keyframes page-down{
	0% {transform: translateY(-55px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}

#content-block-hg-shadow.page-down-fix {}
/*#content-block-hg-shadow.page-up-fix {margin: -100px 0 0 0;}*/
#content-block-hg-shadow.page-up-fix {margin: -75px 0 0 0;}
#content-block-hg.page-down-fix  {}
#content-block-hg.page-down {}
#content-block-hg.page-up-fix  {}
/*CONTENT BLOCK END*/




@media screen and (max-width: 1190px) {

    #content-block-hg-shadow.page-up {

        margin: -105px 0 0 0;

        -webkit-animation: page-up 0.9s ease-out 0.3s backwards;
        -moz-animation: page-up 0.9s ease-out 0.3s backwards;
        -o-animation: page-up 0.9s ease-out 0.3s backwards;
        -ms-animation: page-up 0.9s ease-out 0.3s backwards;
        animation: page-up 0.9s ease-out 0.3s backwards;
    }
    @-webkit-keyframes page-up{
        0% {-webkit-transform: translateY(105px); opacity: 1;}
        100% {-webkit-transform: translateY(0px); opacity: 1;}
    }
    @-moz-keyframes page-up{
        0% {-moz-transform: translateY(105px); opacity: 1;}
        100% {-moz-transform: translateY(0px); opacity: 1;}
    }
    @-o-keyframes page-up{
        0% {-o-transform: translateY(105px); opacity: 1;}
        100% {-o-transform: translateY(0px); opacity: 1;}
    }
    @-ms-keyframes page-up{
        0% {-ms-transform: translateY(105px); opacity: 1;}
        100% {-ms-transform: translateY(0px); opacity: 1;}
    }
    @keyframes page-up{
        0% {transform: translateY(105px); opacity: 1;}
        100% {transform: translateY(0px); opacity: 1;}
    }

    #content-block-hg.page-up  {
        -webkit-animation: page-up 0.9s ease-out 0.3s backwards;
        -moz-animation: page-up 0.9s ease-out 0.3s backwards;
        -o-animation: page-up 0.9s ease-out 0.3s backwards;
        -ms-animation: page-up 0.9s ease-out 0.3s backwards;
        animation: page-up 0.9s ease-out 0.3s backwards;
    }
    @-webkit-keyframes page-up{
        0% {-webkit-transform: translateY(85px); opacity: 1;}
        100% {-webkit-transform: translateY(0px); opacity: 1;}
    }
    @-moz-keyframes page-up{
        0% {-moz-transform: translateY(85px); opacity: 1;}
        100% {-moz-transform: translateY(0px); opacity: 1;}
    }
    @-o-keyframes page-up{
        0% {-o-transform: translateY(85px); opacity: 1;}
        100% {-o-transform: translateY(0px); opacity: 1;}
    }
    @-ms-keyframes page-up{
        0% {-ms-transform: translateY(85px); opacity: 1;}
        100% {-ms-transform: translateY(0px); opacity: 1;}
    }
    @keyframes page-up{
        0% {transform: translateY(85px); opacity: 1;}
        100% {transform: translateY(0px); opacity: 1;}
    }

    #content-block-hg-shadow.page-down, #content-block-hg.page-down {
        -webkit-animation: page-down 0.8s ease-in 0.2s backwards;
        -moz-animation: page-down 0.8s ease-in 0.2s backwards;
        -o-animation: page-down 0.8s ease-in 0.2s backwards;
        -ms-animation: page-down 0.8s ease-in 0.2s backwards;
        animation: page-down 0.8s ease-in 0.2s backwards;
    }
    @-webkit-keyframes page-down{
        0% {-webkit-transform: translateY(-105px); opacity: 1;}
        100% {-webkit-transform: translateY(0px); opacity: 1;}
    }
    @-moz-keyframes page-down{
        0% {-moz-transform: translateY(-105px); opacity: 1;}
        100% {-moz-transform: translateY(0px); opacity: 1;}
    }
    @-o-keyframes page-down{
        0% {-o-transform: translateY(-105px); opacity: 1;}
        100% {-o-transform: translateY(0px); opacity: 1;}
    }
    @-ms-keyframes page-down{
        0% {-ms-transform: translateY(-105px); opacity: 1;}
        100% {-ms-transform: translateY(0px); opacity: 1;}
    }
    @keyframes page-down{
        0% {transform: translateY(-105px); opacity: 1;}
        100% {transform: translateY(0px); opacity: 1;}
    }

    #content-block-hg.page-down  {
        -webkit-animation: page-down 0.8s ease-in 0.2s backwards;
        -moz-animation: page-down 0.8s ease-in 0.2s backwards;
        -o-animation: page-down 0.8s ease-in 0.2s backwards;
        -ms-animation: ppage-down 0.8s ease-in 0.2s backwards;
        animation: page-down 0.8s ease-in 0.2s backwards;
    }
    @-webkit-keyframes page-down{
        0% {-webkit-transform: translateY(-85px); opacity: 1;}
        100% {-webkit-transform: translateY(0px); opacity: 1;}
    }
    @-moz-keyframes page-down{
        0% {-moz-transform: translateY(-85px); opacity: 1;}
        100% {-moz-transform: translateY(0px); opacity: 1;}
    }
    @-o-keyframes page-down{
        0% {-o-transform: translateY(-85px); opacity: 1;}
        100% {-o-transform: translateY(0px); opacity: 1;}
    }
    @-ms-keyframes page-down{
        0% {-ms-transform: translateY(-85px); opacity: 1;}
        100% {-ms-transform: translateY(0px); opacity: 1;}
    }
    @keyframes page-down{
        0% {transform: translateY(-85px); opacity: 1;}
        100% {transform: translateY(0px); opacity: 1;}
    }

    #content-block-hg-shadow.page-up-fix {margin: -105px 0 0 0;}

}


/*---------------------------------------------------------------------------------*/


/*MENU-PAGE-UP*/
.headroom--pinned {
	-webkit-animation: 0.9s ease-out 0.3s backwards;
	-moz-animation: 0.9s ease-out 0.3s backwards;
	-o-animation: 0.9s ease-out 0.3s backwards;
	-ms-animation: 0.9s ease-out 0.3s backwards;
	animation: 0.9s ease-out 0.3s backwards;
	
	transform: translateY(100%);
	webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
}

/*
@-webkit-keyframes menu-down{
	0% {-webkit-transform: translateY(-140px); opacity: 1;}
	100% {-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes menu-down{
	0% {-moz-transform: translateY(-140px); opacity: 1;}
	100% {-moz-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes menu-down{
	0% {-o-transform: translateY(-140px); opacity: 1;}
	100% {-o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes menu-down{
	0% {-ms-transform: translateY(-140px); opacity: 1;}
	100% {-ms-transform: translateY(0px); opacity: 1;}
}
@keyframes menu-down{
	0% {transform: translateY(-140px); opacity: 1;}
	100% {transform: translateY(0px); opacity: 1;}
}
*/

.headroom--unpinned, headroom--top  {
	-webkit-animation: 0.9s ease-out 0.6s backwards;
	-moz-animation: 0.9s ease-out 0.6s backwards;
	-o-animation: 0.9s ease-out 0.6s backwards;
	-ms-animation: 0.9s ease-out 0.6s backwards;
	animation: 0.9s ease-out 0.6s backwards;
	
	transform: translateY(-100%);
	webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
}

/*
@-webkit-keyframes menu-up{
	0% {-webkit-transform: translateY(140px); opacity: 1;}
	100% {-webkit-transform: translateY(-140px); opacity: 1;}
}
@-moz-keyframes menu-up{
	0% {-moz-transform: translateY(140px); opacity: 1;}
	100% {-moz-transform: translateY(-140px); opacity: 1;}
}
@-o-keyframes menu-up{
	0% {-o-transform: translateY(140px); opacity: 1;}
	100% {-o-transform: translateY(-140px); opacity: 1;}
}
@-ms-keyframes menu-up{
	0% {-ms-transform: translateY(140px); opacity: 1;}
	100% {-ms-transform: translateY(-140px); opacity: 1;}
}
@keyframes menu-up{
	0% {transform: translateY(140px); opacity: 1;}
	100% {transform: translateY(-140px); opacity: 1;}
}
*/
/*MENU-PAGE-UP END*/